@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,video{margin:0;padding:0;font-size:100%;border:0;vertical-align:baseline}
body{overflow-y:auto;*overflow-y:hidden;width:100%;height:100%;line-height:1.5;font-family:"돋움",dotum,Helvetica,'Apple SD Gothic Neo',sans-serif;color:#000;font-size:12px;background:#fff}
address,em{font-style:normal}
input{font-family:"돋움",dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
select{font-size:12px}
textarea{font-family:"굴림",gulim,Helvetica,'Apple SD Gothic Neo',sans-serif;font-size:12px;color:#333;resize:none}
hr,caption,.dN{display:none}
.blind,legend{position:absolute;font-size:0;visibility:hidden}
ol,ul{list-style:none}
a,a:link{color:#262626;text-decoration:none}
a:hover{text-decoration:underline}
img{vertical-align:top}

/** skip navigation **/
.skip_navi{position:absolute;top:0;left:0;width:0;height:0;z-index:1000}
.skip_navi a{position:absolute;top:-999px;white-space:nowrap}
.skip_navi a:focus{top:0;color:#fff;font-size:11px;background:#000;padding:5px}

#wrap{min-width:980px}

/** header **/
#header{position:relative;min-height:68px;z-index:10}
#header .top{position:relative;width:980px;height:100px;margin:0 auto;z-index:5}
#header h1{padding-top:52px}
#header h1 a{float:left}
#header h1 span{display:block;width:152px;height:24px;overflow:hidden;text-indent:-999px;background:url("../images/spr_header_biz_20210514.png") no-repeat -84px 0}
#header h1 a.logo{margin-right:8px}
#header h1 a.logo span{width:79px;background-position:0 0}
#header h1 a span{cursor:pointer}
#header .menu{height:41px;background:#2885fe}
#header .menu ul{position:relative;width:979px;height:41px;overflow:hidden;border-left:1px solid #1f77eb;margin:0 auto}
#header .menu ul li{position:relative;float:left;width:244px;height:41px;border-right:1px solid #1f77eb;background:#2885fe}
#header .menu ul li:first-child + li + li{width:243px}
#header .menu ul li a{display:block;height:28px;border-top:2px solid #2885fe;background:#2885fe;padding-top:11px}
#header .menu ul li a span{display:block;height:16px;overflow:hidden;text-indent:-999px;background:url("../images/spr_sub_header_20200123.png") no-repeat;margin:0 auto;cursor:pointer}
#header .menu ul li a.tab_1 span{width:76px;background-position:0 -24px}
#header .menu ul li a.tab_2 span{width:97px;background-position:0 -45px}
#header .menu ul li a.tab_3 span{width:58px;background-position:0 -66px}
#header .menu ul li a.tab_4 span{width:56px;background-position:0 -87px}
#header .menu ul li.on{border-color:#2885fe;padding-left:1px;margin-left:-1px;z-index:3}
#header .menu ul li.on a{background:#fff}
#header .menu ul li.on a.tab_2 span{background-position:-102px -45px}
#header .menu ul li.on a.tab_3 span{background-position:-63px -66px}
#header .menu ul li.on a.tab_4 span{background-position:-61px -87px}

/** container **/
#container{position:relative;width:980px;overflow:hidden;padding:60px 2px 30px;margin:0 auto}
/* aside */
#container .aside{position:relative;float:left;width:191px;margin-right:53px}
#container .aside h2{height:42px;border-bottom:1px solid #000}
#container .aside .nav{padding-top:48px}
#container .aside .nav .title{display:block;overflow:hidden;text-indent:-999px;background:url("../images/spr_display_menu_20160704.png") no-repeat}
#container .aside .nav h3{height:40px;margin-left:-2px}
#container .aside .nav h3 .title{height:21px}
#container .aside .nav h3 .title.t_start{width:85px;background-position:0 0}
#container .aside .nav h3 .title.t_branding{width:105px;background-position:-90px 0}
#container .aside .nav h3 .title.t_alyac{width:35px;background-position:-200px 0}
#container .aside .nav ul{width:26px;border-top:1px solid #b2b2b2;padding:18px 0 50px}
#container .aside .nav h3 + ul + h3 + ul + h3 + ul{padding-bottom:0}
#container .aside .nav ul li{position:relative;width:191px;height:29px;vertical-align:top;margin-left:-2px}
#container .aside .nav ul li a{display:inline-block;vertical-align:top}
#container .aside .nav ul li a .title{height:19px;cursor:pointer}
#container .aside .nav ul li a .title.t_default{width:42px;background:url("../images/title_side_sub_1_default copy.png") no-repeat;}
#container .aside .nav ul li a .title.t_mouse_over{width:136px;background:url("../images/title_side_sub_2_mouseover copy.png") no-repeat;}
#container .aside .nav ul li a .title.t_autoplay{width:70px;background:url("../images/title_side_sub_3_autoplay copy.png") no-repeat;}
#container .aside .nav ul li a .title.t_popskin{width:42px;background:url("../images/title_side_sub_4_popskin copy.png") no-repeat;}
#container .aside .nav ul li a .title.t_alyac_main{width:56px;background:url("../images/title_side_sub_5_alyacmain copy.png") no-repeat;}
#container .aside .nav ul li a:hover .title.t_default,
#container .aside .nav ul li.selected a .title.t_default{width:42px;background:url("../images/title_side_sub_1_default.png") no-repeat;}
#container .aside .nav ul li a:hover .title.t_mouse_over,
#container .aside .nav ul li.selected a .title.t_mouse_over{width:136px;background:url("../images/title_side_sub_2_mouseover.png") no-repeat;}
#container .aside .nav ul li a:hover .title.t_autoplay,
#container .aside .nav ul li.selected a .title.t_autoplay{width:70px;background:url("../images/title_side_sub_3_autoplay.png") no-repeat;}
#container .aside .nav ul li a:hover .title.t_popskin,
#container .aside .nav ul li.selected a .title.t_popskin{width:42px;background:url("../images/title_side_sub_4_popskin.png") no-repeat;}
#container .aside .nav ul li a:hover .title.t_alyac_main,
#container .aside .nav ul li.selected a .title.t_alyac_main{width:56px;background:url("../images/title_side_sub_5_alyacmain.png") no-repeat;}
#container .aside .nav ul li .arrow{display:none;position:absolute;top:5px;left:188px;width:5px;height:7px;overflow:hidden;background:url("../images/spr_display_menu_20160704.png") no-repeat -240px 0}
#container .aside .nav ul li.selected .arrow{display:block}
#container .aside .nav .shopping{width:auto;border:0;padding:0}
#container .aside .nav .shopping .title{width:122px;height:21px;background:url("../images/spr_shopping_menu_201803.png") no-repeat}
#container .aside .nav .shopping li{margin:0}
#container .aside .nav .shopping li.has_next_group{width:26px;height:39px;border-bottom:1px solid #b2b2b2;margin-bottom:23px}
#container .aside .nav .shopping li a{margin-left:-2px}
#container .aside .nav .shopping li a .title.t_info{background-position:0 0}
#container .aside .nav .shopping li a .title.t_company{background-position:-130px 0}
#container .aside .nav .shopping li a .title.show_window{background-position:-260px 0}
#container .aside .nav .shopping li a:hover .title.t_info,
#container .aside .nav .shopping li.selected a .title.t_info{background-position:0 -25px}
#container .aside .nav .shopping li a:hover .title.t_company,
#container .aside .nav .shopping li.selected a .title.t_company{background-position:-130px -25px}
#container .aside .nav .shopping li a:hover .title.show_window,
#container .aside .nav .shopping li.selected a .title.show_window{background-position:-260px -25px}
#container .aside .nav .shopping li .arrow{left:186px}

/* contents */
#container .contents{position:relative;float:left;width:736px;overflow:hidden;padding-bottom:40px}
#container .contents h3{height:42px;border-bottom:1px solid #000}
#container .contents img{display:block;max-width:100%}
#container .contents .cont_body{padding-top:50px}
#container .contents .cont_body h4{height:29px}
#container .contents .cont_body h4 + p{color:#666;margin-bottom:18px}
#container .contents .cont_body .menu{position:relative;height:38px;border:1px solid #d7dbdd;border-bottom-color:#cdd2d4;background:#f6f6f6;margin-bottom:30px}
#container .contents .cont_body .menu .tab{position:absolute;top:-1px;left:-1px;height:40px;z-index:5}
#container .contents .cont_body .menu .tab li{float:left}
#container .contents .cont_body .menu .tab li a{display:block;height:26px;border-top:1px solid #d7dbdd;background:url("../images/spr_sub_cont_display.png") no-repeat 0 100px;padding-top:12px}
#container .contents .cont_body .menu .tab li a.tab_1{width:160px;padding-left:1px}
#container .contents .cont_body .menu .tab li a.tab_2{width:171px;border-right:1px solid #d7dbdd}
#container .contents .cont_body .menu .tab li a span{display:block;height:15px;overflow:hidden;text-indent:-999px;background:url("../images/spr_sub_cont_display.png") no-repeat;margin:0 auto;cursor:pointer}
#container .contents .cont_body .menu .tab li a.tab_1 span{width:51px;background-position:0 0}
#container .contents .cont_body .menu .tab li a.tab_2 span{width:65px;background-position:-56px 0}
#container .contents .cont_body .menu .tab li.on a{height:27px;border:1px solid #cdd2d4;border-bottom:0;background:#fff;padding-left:0}
#container .contents .cont_body .menu .tab li.on a.tab_1 span{background-position:0 -20px}
#container .contents .cont_body .menu .tab li.on a.tab_2 span{background-position:-56px -20px}
#container .contents .cont_body .menu .btn{position:absolute;top:10px;right:20px;line-height:20px}
#container .contents .cont_body .menu .btn a{display:inline-block;height:15px;overflow:hidden;background:url("../images/spr_sub_cont_display.png") no-repeat}
#container .contents .cont_body .menu .btn a.mail{width:67px;background-position:-126px 2px}
#container .contents .cont_body .menu .btn a.print{width:44px;background-position:-126px -20px}
#container .contents .cont_body .menu .btn .bar{color:#d7dbdd;font-size:14px;margin:0 7px;vertical-align:2px}
#container .contents .cont_body .cont_introduction{overflow:hidden}
#container .contents .cont_body .cont_introduction .line{display:block;height:1px;overflow:hidden;background:#d9d9d9;margin:50px 0}
#container .contents .cont_body .cont_guide{overflow:hidden}
#container .contents .cont_body .cont_guide .table_wrap{overflow:hidden;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;padding-bottom:5px}
#container .contents .cont_body .cont_guide table{width:736px;border-collapse:collapse;border-spacing:0;margin-top:-1px}
#container .contents .cont_body .cont_guide table caption{display:block;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;text-indent:-999px;z-index:-1;*display:none}
#container .contents .cont_body .cont_guide th{font-weight:bold;text-align:left;border-top:1px solid #d9d9d9;padding:25px 0}
#container .contents .cont_body .cont_guide td{color:#444;line-height:20px;border-top:1px solid #d9d9d9;padding:25px 0}
#container .contents .cont_body .cont_guide tbody tr:first-child th,
#container .contents .cont_body .cont_guide tbody tr:first-child td{padding-top:30px}
#container .contents .cont_body .cont_guide a.btn_download{display:inline-block;height:25px;color:#2885fe;line-height:25px;text-decoration:none;border:1px solid #2885fe;background:#fff;padding:0 13px;margin-right:4px;vertical-align:top}
#container .contents .cont_top{height:159px}
#container .contents .cont_search{border-top:1px solid #000}
#container .contents .cont_search img{margin-bottom:40px}
#container .contents .cont_search a{display:block;width:380px;height:121px;overflow:hidden;text-indent:-999px;background:url("../images/btn_search_20180907.png") no-repeat;margin:0 auto}
#container .contents .cont_shopping{border-top:1px solid #7f7f7f}
#container .contents .cont_shopping p{color:#5c5c5c;font-size:13px;font-family:"굴림",gulim,Helvetica,'Apple SD Gothic Neo',sans-serif;line-height:24px}
#container .contents .cont_shopping .info{border-bottom:1px solid #b2b2b2}
#container .contents .cont_shopping .info li{position:relative;height:405px;border-top:1px solid #d8d8d8;padding-top:40px}
#container .contents .cont_shopping .info li.li_1{border:0}
#container .contents .cont_shopping .info li.li_4{height:381px}
#container .contents .cont_shopping .info li .title{display:block;margin-bottom:15px}
#container .contents .cont_shopping .info li p{margin-bottom:13px}
#container .contents .cont_shopping .info li a{display:block;width:158px;height:43px;overflow:hidden;text-indent:-999px;background:url("../images/btn_shopping.png") no-repeat}
#container .contents .cont_shopping .info li .img{position:absolute;bottom:40px;right:0}
#container .contents .cont_shopping .company{padding-top:40px}
#container .contents .cont_shopping .company h4{margin-bottom:16px}
#container .contents .cont_shopping .company ul{overflow:hidden;margin-top:14px}
#container .contents .cont_shopping .company li{position:relative;float:left;width:193px;height:126px;line-height:20px;padding:24px 0 0 175px}
#container .contents .cont_shopping .company li a{text-decoration:none}
#container .contents .cont_shopping .company li a:hover{text-decoration:underline}
#container .contents .cont_shopping .company li dt{font-size:16px;font-weight:bold;letter-spacing:-1px;margin-bottom:21px}
#container .contents .cont_shopping .company li dt a{color:#2d3239}
#container .contents .cont_shopping .company li .img{position:absolute;top:20px;left:0}
#container .contents .cont_shopping .company li .phone{color:#2d3239;font-family:Tahoma,sans-serif}
#container .contents .cont_shopping .company li .url{width:193px;word-break:break-all;line-height:16px;padding-top:2px}
#container .contents .cont_shopping .company li .url a{color:#87888b;font-family:Tahoma,sans-serif}

#container .contents .cont_shopping .company li.right{width:173px;padding-left:195px}
#container .contents .cont_shopping .company li.right .img{left:20px}

/* main */
#wrap_main{min-width:980px;background:url('../images/bg_main_wrap_20210514.jpg') repeat-x;background-position:50% 100px}
#wrap_main #container{width:100%;overflow:visible;background:url("../images/bg_main_contents.png") repeat;padding:0 0 100px;margin-top:554px}
#container .ad_list{font-size:0;text-align:center;white-space:nowrap}
#container .ad_list li{display:inline-block;width:312px;height:547px;font-size:1px;margin:-56px 0 0 22px}
#container .ad_list li:first-child{margin-left:0}
#container .ad_list li a{display:block;width:100%;height:100%;background:url('../images/spr_main_menu_20200123.png') no-repeat}
#container .ad_list li.display_ad a{background-position:0 0}
#container .ad_list li.display_ad a:hover{background-position:0 -552px}
#container .ad_list li.search_ad a{background-position:-317px 0}
#container .ad_list li.search_ad a:hover{background-position:-317px -552px}
#container .ad_list li.shopping_ad a{background-position:-634px 0}
#container .ad_list li.shopping_ad a:hover{background-position:-634px -552px}
#container .deepdive_list{padding:0}
#container .deepdive_list li{height:575px;margin-top:71px}
#container .deepdive_list li a{background-image:url('../images/spr_main_menu_deepdive_20210514.png')}
#container .ad_list li.deepdive_ad a{background-position:0 0}
#container .ad_list li.deepdive_ad a:hover{background-position:0 -580px}
#container .ad_list li.deepdive_pub a{background-position:-317px 0}
#container .ad_list li.deepdive_pub a:hover{background-position:-317px -580px}

/** footer **/
#footer{clear:both;position:relative;height:195px;line-height:22px;text-align:center;border-top:1px solid #e5e5e5;background:#fff}
#footer address{color:#333;padding-top:30px}
#footer address a{color:#2885fe;font-weight:bold}
#footer address .bar{color:#bababa;margin:0 4px}
#footer address p{margin-bottom:8px}
#footer .copy{color:#7c7c7c;margin-top:4px}