@charset "utf-8";
@import url("common_mob.css");


/* skip navigation */
#skipnav {position:absolute; top:0; left:22px; z-index:1000000000000000000000000;}
#skipnav a {position:absolute; top:-9999px; z-index:1000000000000000000000000;}
#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus {top:0; width:180px; color:#000; font-weight:bold; text-align:center; display:inline-block; background-color:#fff; border:3px solid #ddd; padding:5px 0;}


/* media pc */
@media only screen and (min-width : 1024px) {

body {}
body.open {}

.wrap {padding:177px 0 0 0;}
.wrap.no_scroll {}

.mobile_sns{display:none !important}
.header_wrap {position:fixed; top:0; left:0; width:100%; z-index:10000; background-image:url(../images/new/top_bg.gif); repeat-x}
.header_wrap .util {height:84px; text-align:left; width:1234px; margin:0 auto}
.header_wrap .util h1.logo {padding:18px 0 0 0; float:left}
.header_wrap .util h1.logo img {}
.header_wrap .util a.btn_mob_menu {display:none;}
.header_wrap .util a.btn_mob_menu img{}

.gnb_wrap {height:45px; background:#fff;border-top:7px solid #f68025; border-bottom:1px solid #f68025;}
.gnb_wrap .bg_dp2 {display:none; position:absolute; top:136px; left:0; width:100%; height:139px; padding-top:10px; z-index:10000; background-color:#6e6e6e}
.gnb_wrap p.btn_facebook {position:absolute; top:10px; right:49px; display:block; width:151px; height:30px; padding:4px 0 0 0; border:1px solid #ddd; border-radius:2px; text-align:center;}
.f_btn_facebook {position:absolute; top:35px; right:-22px; display:block; width:300px;  padding:4px 0 0 0;  text-align:center; float:right}

.gnb {position:relative; width:1236px; margin:0 auto; z-index:10001;}
.gnb ul {text-align:center;}
.gnb li {position:relative; display:inline-block; font-size:16px; line-height:45px; padding:0 53px; border-left:1px solid #cccccc}
.gnb li a.dp1 {color:#585858; text-decoration:none; font-weight:500}
.gnb li a.dp1.on {display:inline-block; height:45px; line-height:45px;}
.gnb ul.dp2 {position:absolute; top:46px; left:30px; width:125px; padding:25px 0 0 0; display:none;}
.gnb ul.dp2 li {display:block; font-size:14px; line-height:24px; padding:0; text-align:left; border:none !important; margin-left:24px}
.gnb ul.dp2 li a {color:#fff;}
.gnb ul.dp2 li a:hover {color:#ffe400;}
li.right_b{border-right:1px solid #cccccc}
.search_wrap {height:80px; float:left; margin-left:120px}
.search_wrap .sr_inner_box {position:relative; width:600px; margin:0 auto; padding:24px 0 0 0; text-align:center;}
.search_wrap .sr_inner_box p.tit_l {position:absolute; top:26px; left:61px; font-size:20px; color:#014579; line-height:34px; padding-left:54px; background:url('../images/common/icon_search.png') no-repeat left top;}
.search_wrap .sr_inner_box input.inp_ty01 {width:700px; height:34px; border:1px solid #ddd; border-radius:1px; padding-left:20px;}
.search_wrap .sr_inner_box a.btn_search {position:absolute; top:24px; right:-122px; display:inline-block; width:70px; height:36px; font-size:20px; color:#fff; line-height:36px; background:#686868;text-align:center; text-decoration:none;}
.btn_facebook{float:left; margin-left:200px; margin-top:27px}
.btn_facebook img{margin-left:5px}
.container {}
.container .con_inner_box {width:1235px; padding:58px 0 100px 0; margin:0 auto;}
.container .con_inner_box.main {padding:0 0 20px 0;}
.container .con_inner_box:after {content:""; display:block; clear:both;}
.container .con_inner_box .title_box {padding-bottom:64px; text-align:center;}
.container .con_inner_box .title_box h2 {font-size:34px; color:#014579; line-height:34px; padding:0 0 15px 0;}
.container .con_inner_box .title_box p.tit_s_txt {font-size:12px; color:#014579; line-height:12px;}
.container .con_inner_box .content {padding:0 190px; margin:0 auto;}
.container .con_inner_box .content.nopad {padding:0;}

.footer_wrap {height:100px; background:#6e6e6e;}
.footer_wrap .footer {position:relative; width:1100px; padding:60px 0 0 185px; margin:0 auto;}
.footer_wrap .footer p.ft_logo {position:absolute; top:30px; left:0;}
.footer_wrap .footer p.ft_logo img {}
.footer_wrap .footer ul.ft_menu {height:25px; font-size:12px; line-height:12px;}
.footer_wrap .footer ul.ft_menu li {float:left;}
.footer_wrap .footer ul.ft_menu li a {color:#fff;}
.footer_wrap .footer ul.ft_menu li.line {font-weight:bold; color:#fff; padding:0 15px;}
.footer_wrap .footer p.address {font-size:11px; color:#fff; line-height:15px; margin-top:-20px}
.footer_wrap .footer p.copyright {font-size:11px; color:#fff; line-height:15px;}

.footer_wrap .footer .ft_r_box {position:absolute; top:62px; right:0; width:272px; padding:0 0 0 66px;}
.footer_wrap .footer .ft_r_box p.s_tit {position:absolute; top:7px; left:0; font-size:12px; color:#fff; line-height:12px;}
.footer_wrap .footer .ft_r_box p.s_txt {height:55px; font-size:12px; color:#fff; line-height:16px; padding:5px 0 0 11px; border:1px solid #fff;}


.fft_r_box {position:absolute; top:120px; right:0; width:255px; padding:0 0 0 66px;}
.fft_r_box p.s_tit {position:absolute; top:7px; left:0; font-size:16px; color:#fff; line-height:12px;}
.fft_r_box p.s_txt {height:100px; font-size:16px; color:#fff; line-height:30px; padding:5px 0 0 11px; border-radius:5px; border:1px solid #ffffff}

.footer_menu{position:relative; width:1200px; margin:0 auto; z-index:10001; }
.footer_menu li{position:relative; display:inline-block; font-size:16px; line-height:45px; padding:40px 50px 0 0}
.footer_menu li a{color:#ffffff}
.footer_menu li a.cp1 {color:#ffffff; text-decoration:none; font-weight:bold}
.footer_menu li a.cp1.on {display:inline-block; height:45px; line-height:45px;}
.footer_menu ul.cp2 {position:absolute; top:70px; left:0px; width:120px; padding:25px 0 0 0; }
.footer_menu ul.cp2 li {display:block; font-size:14px; line-height:35px; padding:0; text-align:left; border:none !important}
.footer_menu ul.cp2 li a {color:#fff;}
.footer_menu ul.cp2 li a:hover {color:#ffe400;}

.footer_menu .ft_r_box {position:absolute; top:62px; right:0; width:272px; padding:0 0 0 66px;}
.footer_menu .ft_r_box p.s_tit {position:absolute; top:7px; left:0; font-size:12px; color:#fff; line-height:12px;}
.footer_menu .ft_r_box p.s_txt {height:55px; font-size:12px; color:#fff; line-height:16px; padding:5px 0 0 11px; border:1px solid #fff;}

/* sub */
.tab_ty01 {padding-bottom:45px;}
.tab_ty01:after {content:""; display:block; clear:both;}
.tab_ty01 li {float:left; width:33.3%;}
.tab_ty01 li a {display:block; height:44px; font-weight:bold; font-size:20px; color:#014579; line-height:44px; border:1px solid #ddd; border-right:none; text-align:center; text-decoration:none; border-right:1px solid #ddd}
.tab_ty01 li a.on {color:#fff; background:#014579;}
.tab_ty01 li a:hover {color:#fff; background:#014579;}
.tab_ty01 li.last a {border-right:1px solid #ebebeb;} 
.tab_ty01 li:first-child a {}
.tab_ty01.three li {width:33%;}
.tab_ty01.three li.mid {width:34%;}
.tab_ty01.four li {width:25%;}
.tab_ty01.four li.mid {width:25%;}

.none{padding:0px !important}
.center_layout{width:100%; margin:0 auto; text-align:center}
.center_layout img{ border:1px solid #dddddd; margin:20px }
.none .txt01{text-align:center; width:100%; margin:50px auto 0px auto; line-height:30px; font-size:18px; font-weight:bold}

p.con_txt_ty01 {font-size:14px; line-height:14px; color:#014579; padding-bottom:45px; text-align:center;}

p.s_tit_ty01 {font-size:16px; color:#014579; line-height:16px; padding-bottom:15px;}

.agree_box01 {margin-bottom:16px;}
.agree_box01 .txa_box {}
.agree_box01 .txa_box .textarea {width:817px; height:164px; font-family:'맑은 고딕'; font-size:14px; color:#555; line-height:24px; padding:15px 17px 15px 17px; background:#fff; border:1px solid #ddd; overflow-y:scroll;}

.agree_btm_txt01 {position:relative; font-size:14px; color:#555; line-height:15px; padding-bottom:55px;}
.agree_btm_txt01 p {padding-left:27px;}

.cont_box01 {position:relative; /*height:611px;*/ padding:89px 0 0 501px; border:1px solid #ddd; border-right:none; border-bottom:none;}
.cont_box01 p.img01 {position:absolute; top:84px; left:106px;}
.cont_box01 p.img01 img {}
.cont_box01 p.img02 {position:absolute; top:300px; left:62px;}
.cont_box01 p.img02 img {}
.cont_box01 p.txt01 {font-size:16px; color:#014579; line-height:24px; padding-bottom:43px;}
.cont_box01 p.txt02 {font-size:16px; color:#014579; line-height:16px; padding-top:50px;}
.cont_box01 .txt_box {padding:37px 0 25px 0; border-top:2px solid #014579; border-bottom:2px solid #014579;}
.cont_box01 .txt_box p.tx01 {font-size:16px; color:#555; line-height:16px; padding-bottom:26px;}
.cont_box01 .txt_box p.tx02 {font-weight:bold; font-size:20px; color:#555; line-height:30px; padding-bottom:27px;}
.cont_box01 .txt_box p.tx03 {font-size:16px; color:#555; line-height:16px; padding-right:7px; text-align:right;}

.cont_box02 {position:relative; /*height:611px;*/ padding:89px 0 0 501px; border:1px solid #ddd; border-right:none; border-bottom:none;}
.cont_box02 p.img01 {position:absolute; top:84px; left:106px;}
.cont_box02 p.img01 img {margin-right:26px;}
.cont_box02 p.txt01 {font-size:16px; color:#014579; line-height:22px; padding-bottom:45px;}
.cont_box02 ul {font-size:16px; color:#014579; line-height:22px; padding-bottom:67px;}
.cont_box02 li {padding-left:22px; background:url('../images/sub/blit_blue.png') no-repeat 1px 8px;}
.cont_box02 p.in_s_tit {font-weight:bold; font-size:22px; color:#014579; line-height:22px; border-bottom:2px solid #014579; padding-bottom:15px;}
.cont_box02 .img_box01 {padding:32px 0 77px 0;}
.cont_box02 .img_box01 img {}
.cont_box02 .img_box02 {padding:37px 0 85px 0;}
.cont_box02 .img_box02 img {}
.cont_box02 .img_box03 {padding:60px 0 54px 0;}
.cont_box02 .img_box03 img {}
.cont_box02 .txt_box {position:relative; border-top:1px solid #014579; padding:20px 0 35px 100px;}
.cont_box02 .txt_box dt {position:absolute; top:22px; left:0; font-weight:bold; font-size:20px; color:#014579; line-height:20px;}
.cont_box02 .txt_box dd {font-size:16px; color:#014579; line-height:22px;}
.cont_box02 .in_btm_btns {padding:25px 0 0 0;}
.cont_box02 .in_btm_btns a.btn_down_logo {display:block; width:160px; height:44px; font-weight:bold; font-size:16px; color:#888; line-height:44px; padding:0 0 0 61px; background:#fff url('../images/sub/icon_logo_down.png') no-repeat 22px 12px; border:1px solid #ddd; border-radius:2px; vertical-align:top; text-decoration:none;}

.cont_box03 {position:relative; /*height:611px;*/ padding:89px 0 0 501px; border:1px solid #ddd; border-right:none; border-bottom:none;}
.cont_box03 p.img01 {position:absolute; top:84px; left:106px;}
.cont_box03 p.img01 img {margin-right:26px;}
.cont_box03 .txt_box01 {padding:4px 0 15px 0; border-bottom:2px solid #014579;}
.cont_box03 .txt_box01 p {font-size:16px; color:#014579; line-height:16px;}
.cont_box03 p.txt01 {font-size:16px; color:#014579; line-height:26px; padding:30px 0 54px 0;}
.cont_box03 p.txt02 {font-size:16px; color:#014579; line-height:26px; padding:30px 0 0 0;}
.cont_box03 .map_box {border:1px solid #dbdbdb; margin-bottom:45px;}
.cont_box03 .map_box img {}

.product_list {}
.product_list:after {content:""; display:block; clear:both; }
.product_list li {position:relative; float:left; width:307px; border:1px solid #ddd; border-right:none; overflow:hidden; margin-top:-1px;}
.product_list li.last {border-right:1px solid #ddd;}
.product_list li a {}
.product_list li .inner_box {height:307px; transform: translate3d(0, 0, 0px) scale3d(0.001, 0.001, 1); transition-property:transform, opacity; transition-duration:0.8s;}
.product_list li .inner_box.on {transform: translate3d(0, 0, 0px) scale3d(1, 1, 1);}
.product_list li .thum_box {display:table; width:100%; height:240px;}
.product_list li .thum_box p {display:table-cell; width:100%; height:240px; vertical-align:middle; text-align:center;}
.product_list li .thum_box p img {height:80%;}
.product_list li dt {font-size:16px; color:#014579; line-height:24px; padding:0 25px; text-align:center;}
.product_list li dt a {}
.product_list li .hover {opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0); transition-duration:0.4s; position:absolute; top:0; left:0; width:100%; height:212px; padding-top:95px; background:url('../images/sub/bg_product01.png') repeat-y left top;}
.product_list li .hover a.btn_detail {display:block; width:118px; height:118px; font-size:14px; color:#fff; line-height:118px; background:url('../images/sub/bg_product02.png') repeat-y left top; margin:0 auto; text-align:center; text-decoration:none;}
.product_list li:hover .hover {opacity: 1; transform: matrix(1.03, 0, 0, 1, 0, 0);}
.product_list p.icon_new {position:absolute; top:0; left:0; width:60px; height:60px; line-height:60px; font-weight:bold; font-size:16px; color:#fff; background:#0081c9; text-align:center; z-index:100;}

.brnad_list { }
.brnad_list li {position:relative; font-size:15px; color:#333; line-height:21px; padding:50px 0 60px 0; width:32.6%; float:left;border:1px solid #ddd; margin:3px; height:270px}
.brnad_list li .inner_box {display:table; cursor:pointer;}
.brnad_list li .inner_box p.logo { width:100%; height:130px;  text-align:center;}
.brnad_list li .inner_box p.logo img {}
.brnad_list li .inner_box p.info_n { width:85%; padding:20px; margin:10px; height:125px; overflow:hidden}
.brnad_list li .inner_box .bgImg	{ position:absolute; width:100%; height:100%; top:0px; display:none; }
.brnad_list li .inner_box .bgImg img { max-width:100%; max-height:100%; margin: auto; position: absolute; top:0px; left: 0; bottom: 0; right: 0;}
#param_category li { background-color:#f68025 !important; color: #ffffff !important; border: none !important}

.sitemap {margin-top:-15px; padding:80px 0 120px 170px; border:1px solid #ddd;}
.sitemap:after {content:""; display:block; clear:both; }
.sitemap ul {float:left; width:145px; margin-right:106px;}
.sitemap ul:after {}
.sitemap ul.last {margin-right:0;}
.sitemap li {font-size:16px; color:#555; line-height:16px; padding:19px 0 15px 4px; border-bottom:1px solid #014579;}
.sitemap li a {color:#555;}
.sitemap li.last {padding-bottom:0; border-bottom:none;}
.sitemap li.stit {font-weight:bold; font-size:20px; color:#014579; line-height:20px; padding:0 0 18px 0; margin-bottom:26px; border-bottom:2px solid #014579;}

.filter_wrap {padding:22px 0 24px 70px; margin-bottom:45px; background:#eee; border:1px solid #ddd; border-top:none;}
.filter_wrap ul:after {content:""; display:block; clear:both;}
.filter_wrap li {position:relative; float:left; width:250px; font-size:16px; color:#555; line-height:30px; padding-left:30px;}
.filter_wrap ul.t_tit li {position:relative; font-weight:bold; font-size:16px; color:#014579; line-height:30px; padding-left:30px;}
.filter_wrap li .ch_ty1 {top:8px;}

.product_wrap {padding:15px 0 0 0;}
.product_wrap p.pr_nav {font-size:20px; color:#014579; line-height:20px; padding-bottom:55px;}
.product_wrap span {font-weight:bold;}

.pr_inner_box {  border-top:1px solid #ddd;  }
.pr_inner_box p.icon_new {position:absolute; top:0; left:0; width:60px; height:60px; line-height:60px; font-weight:bold; font-size:16px; color:#fff; background:#0081c9; text-align:center; z-index:100;}
.pr_inner_box a.btn_list {position:absolute; top:0; right:0;}
.pr_inner_box a.btn_list img {width:80px;}
.pr_inner_box .thum_box {margin-top:50px;  float:left;width:41%}
.pr_inner_box .thum_box .img_b {}
.pr_inner_box .thum_box .img_b img.thum_b {width:500px;}
.pr_inner_box .thum_box ul {padding:15px 0 0 0;}
.pr_inner_box .thum_box ul:after {content:""; display:block; clear:both; }
.pr_inner_box .thum_box li {float:left; width:160px; margin-right:10px; text-align:center;}
.pr_inner_box .thum_box li.last {margin-right:0;}
.pr_inner_box .thum_box li a img {width:80px;}
.pr_inner_box .thum_box .btm_btns {padding:0px 0 0 0; text-align:center;}
.pr_inner_box .thum_box .btm_btns p{float:left; padding:10px}
.pr_inner_box .thum_box .btm_btns p {padding-bottom:9px;}
.pr_inner_box .thum_box .btm_btns p a.btn_down {display:inline-block; width:151px; height:44px; font-weight:bold; font-size:16px; color:#666; line-height:44px; padding:0 0 0 60px; background:url('../images/sub/icon_down02.png') no-repeat 22px 12px; border:1px solid #ddd; border-radius:2px; text-align:left; text-decoration:none; letter-spacing:-1px}
.pr_inner_box .thum_box .btm_btns p a.btn_menu_down {display:inline-block; width:151px; height:44px; font-weight:bold; font-size:16px; color:#0081c9; line-height:44px; padding:0 0 0 60px; background:url('../images/sub/icon_down02.png') no-repeat 22px 12px; border:1px solid #0081c9; border-radius:2px; text-align:left; text-decoration:none;}

p a.old_btn_menu_down {display:inline-block; width:151px; height:44px; font-weight:bold; font-size:16px; color:#e34000; line-height:44px; padding:5px 20px; border:1px solid #e34000; border-radius:2px; text-align:left; text-decoration:none;}

.pr_inner_box .info_box {width:58% ; float:left; margin-left:10px}
.pr_inner_box .info_box .pr_name_box01 {padding-top:90px;}
.pr_inner_box .info_box .pr_name_box01 img {width:20%;}
.pr_inner_box .info_box .pr_name_box01 p.pr_name {font-weight:bold; font-size:40px; color:#505150; line-height:55px; padding:15px 0 0 0; letter-spacing:-1px;}
.pr_inner_box .info_box .pr_name_box01 p.pr_s_tx {font-weight:bold; font-size:35px; color:#e34000; line-height:35px; padding:20px 0 0 0;}
.pr_inner_box .info_box .pr_tx_box01 {font-size:15px; color:#555555; line-height:24px; padding:30px 0 50px 0;}

.pr_tx_box02 table td{border:1px solid #000000 !important}
.pr_inner_box .info_box .pr_tx_box02 {font-size:14px; line-height:18px; padding:10px 0 0 0;}
.pr_inner_box .info_box p.s_tit {font-weight:bold; font-size:24px; color:#014579; line-height:24px; padding-bottom:26px; border-bottom:2px solid #014579;}
.pr_inner_box .info_box .spec_box {padding-bottom:40px;}
.pr_inner_box .info_box .spec_box dl {position:relative; padding:5px 0 5px 225px; border-bottom:1px solid #014579;}
.pr_inner_box .info_box .spec_box dt {position:absolute; top:10px; left:0; font-size:14px; color:#014579; line-height:18px;}
.pr_inner_box .info_box .spec_box dd {font-size:14px; color:#333; line-height:18px; min-height:18px;}

.pr_tx_box01 table {max-width:500px !important}
.pr_tx_box01 table td{border:1px solid #cdcdcd !important; border-collapse:collapse !important}

.pr_inner_box_center{margin-top:15px}
.pr_inner_box_center .info_box {padding:20px}
.pr_inner_box_center .info_box .pr_name_box01 {}
.pr_inner_box_center .info_box .pr_name_box01 img {width:20%;}
.pr_inner_box_center .info_box .pr_name_box01 p.pr_name {font-weight:bold; font-size:55px; color:#014579; line-height:65px; padding:15px 0 0 0; letter-spacing:-1px;}
.pr_inner_box_center .info_box .pr_name_box01 p.pr_s_tx {font-weight:bold; font-size:23px; color:#014579; line-height:23px; padding:20px 0 0 0;}
.pr_inner_box_center .info_box .pr_tx_box01 {font-size:15px; color:#014579; line-height:19px; padding:30px 0 50px 0;}
.pr_inner_box_center .info_box .pr_tx_box02 {font-size:14px; line-height:18px; padding:10px 0 0 0; width:100%}
.pr_inner_box_center .info_box p.s_tit {font-weight:bold; font-size:24px; color:#014579; line-height:24px; padding-bottom:26px; border-bottom:2px solid #014579;}
.pr_inner_box_center .info_box .spec_box {padding-bottom:40px;}
.pr_inner_box_center .info_box .spec_box dl {position:relative; padding:5px 0 5px 225px; border-bottom:1px solid #014579;}
.pr_inner_box_center .info_box .spec_box dt {position:absolute; top:0px; left:0; font-size:14px; color:#014579; line-height:21px; width:200px}
.pr_inner_box_center .info_box .spec_box dd {font-size:14px; color:#333; line-height:18px; min-height:21px;}
.pr_inner_box_center .info_box .pr_tx_box02 p{ width:100%; margin:0 auto;}
.pr_inner_box_center .info_box .pr_tx_box02 iframe{ margin:0 auto; min-height:100%}
.pr_inner_box_center .info_box .pr_tx_box02 img{margin:0 auto; text-align:center}
.mobile_main{display:none}

/* main */
.main_visual {position:relative; height:675px; padding:0; margin-top:-40px}
.main_visual .box {position:relative; height:642px;}
.main_visual .box > a {text-decoration:none; display:block}
.main_visual .box img {width:100%;}
.main_visual .box .bx-wrapper, .content .box2 .bx-viewport {/*height:130px !important*/}
.main_visual .box .rolling {margin:0;}
.main_visual .box .rolling a {text-decoration:none; display:block}
.main_visual .box .rolling strong{display:block; font-size:17px; color:#fff; line-height:23px}
.main_visual .box .rolling .txt {color:#f4bfc2; display:block; width:230px; line-height:18px}
.main_visual .box .bx-prev {width:31px; height:64px; background:url('../images/main/main_arr_l.png') no-repeat left top; text-indent:-99999em; position:absolute; top:245px; left:50px;}
.main_visual .box .bx-prev:hover {}
.main_visual .box .bx-next {width:31px; height:64px; background:url('../images/main/main_arr_r.png') no-repeat left top; text-indent:-99999em; position:absolute; top:245px; right:50px;}
.main_visual .box .bx-next:hover {}
.main_visual .box .bx-pager {position:absolute; bottom:0px; left:0; width:100%; text-align:center;}
.main_visual .box .bx-pager > div {display:inline-block;}
.main_visual .box .bx-pager > div a {display:block; width:22px; height:16px; background:url('../images/new/vis_cir_off.png') no-repeat left top; margin:0 6px; text-indent:-99999em;}
.main_visual .box .bx-pager > div a.active { background:url('../images/new/vis_cir_on.png') no-repeat left top;}
.main_visual .box .vis01 {height:642px; background:url('../images/main/vis01.jpg') no-repeat center top;}
.main_visual .box .vis02 {height:642px; background:url('../images/main/vis02.jpg') no-repeat center top;}
.main_visual .box .vis03 {height:642px; background:url('../images/main/vis03.jpg') no-repeat center top;}
.main_visual .box .vis04 {height:642px; background:url('../images/main/vis04.jpg') no-repeat center top;}
.main_visual .box .vis05 {height:642px; background:url('../images/main/vis05.jpg') no-repeat center top;}
.main_visual .box .in_tx_box {position:relative; width:1234px; margin:0 auto;}
.main_visual .box .in_tx_box a.btn_view {position:absolute; top:428px; left:112px; width:67px; height:37px; font-size:18px; color:#fff; line-height:37px; padding-left:46px; background:#014579 url('../images/main/bg_plus.png') no-repeat 11px 9px; border-radius:2px;}
.main_visual .box .rolling li {}

.main_cont_wrap01 {position:relative; height:300px; margin-bottom:20px;border:1px solid #ddd;}
.main_cont_wrap02 {display:inline-block; width:100%;}
.width100{width:99.8% !important; height:100% !important}
.width100 iframe{padding:20px; width:46%}

.main_cont01 p.tit_box {position:absolute; top:0; left:0; width:175px; height:175px; font-size:20px; color:#fff; line-height:175px; border:1px solid #ddd; border-right:none; background:#014579; text-align:center;}
.main_cont01 p.tit_box a.btn_more {position:absolute; top:10px; right:11px; display:inline-block; font-size:12px; color:#fff; line-height:12px; padding-left:15px; background:url('../images/common/icon_more.png') no-repeat left 2px; text-decoration:none;}
.main_cont01{ }
.main_cont01 ul {padding-left:0px; margin-top:15px; }
.main_cont01 ul:after {}
.main_cont01 li {position:relative; float:left; width:204px; height:275px; border-right:none;}
.main_cont01 li a {}
.main_cont01 li:nth-child(2n+1) {}
.main_cont01 li.last {}
.main_cont01 li .thum_box {display:table; width:100%; height:200px;}
.main_cont01 li .thum_box p {display:table-cell; width:100%; height:200px; vertical-align:middle; text-align:center;}
.main_cont01 li .thum_box p img {width:160px;}
.main_cont01 li dt {font-size:14px; color:#014579; line-height:21px; text-align:center; height:60px; overflow:hidden; padding:0 10px}
.main_cont01 li dt a {}
.main_cont01 li .hover {opacity: 0; transition-duration:0.4s; position:absolute; top:0; left:15px; width:100%; height:98px; padding-top:77px; background:url('../images/main/bg_main_over01.png') repeat-y left top;}
.main_cont01 li .hover a.btn_detail {display:block; width:103px; height:31px; font-size:12px; color:#fff; line-height:31px; background:#014579; margin:0 auto; text-align:center; text-decoration:none; margin-left:35px}
.main_cont01 li:hover .hover {opacity: 1;}

.main_cont02 {position:relative; float:left;width:595px; height:329px;border:1px solid #ddd;}
.main_cont02 p.tit_box {position:absolute; top:30px; left:35px;  font-size:24px; color:#505251; font-weight:bold; line-height:30px; text-align:left; width:100%}
.main_cont02 p.tit_box a.btn_more {position:absolute; top:0px; right:60px; display:inline-block;  }
.main_cont02 ul {padding-left:30px; margin-top:60px }
.main_cont02 ul:after {}
.main_cont02 li {position:relative; width:400px; height:90px; padding:18px 0 0 135px;}
.main_cont02 li:first-child {}
.main_cont02 li p.thum {position:Absolute; top:0; left:0; width:115px; height:115px; overflow:hidden;}
.main_cont02 li p.thum img {height:95px; padding:20px}
.main_cont02 li dt {padding:0 5px 13px 0;}
.main_cont02 li dt a {font-weight:bold; font-size:16px; color:#4ba89d; line-height:16px;}
.main_cont02 li dd {font-size:12px; color:#333; line-height:18px; padding-right:10px; height:35px; overflow:hidden;}

.main_cont03 {position:relative; float:left; width:595px; height:329px;border:1px solid #ddd; margin-left:41px }
.main_cont03 p.tit_box {position:absolute; top:30px; left:35px;  font-size:24px; color:#505251; font-weight:bold; line-height:30px; text-align:left; width:100%}
.main_cont03 p.tit_box a.btn_more {position:absolute; top:0px; right:60px; display:inline-block;  }
.main_cont03 ul {padding-left:15px; margin-top:85px }
.main_cont02 ul:after {}
.main_cont03 li {float:left; width:150px; height:210px; margin-left:25px}
.main_cont03 li img {width:150px; height:210px;border:1px solid #ddd;}
.main_cont03 li.last {}

.new_movie p.tit_box{width:1230px; margin:50px auto 15px auto; text-align:center; font-size:27px; font-weight:bold; }
.new_movie .btn_more{float:right}

.new_product p.tit_box{width:1230px; margin:0 auto 15px auto; text-align:left; font-size:27px; font-weight:bold; color:#6d6d6d }
.new_product .btn_more{float:right}

.fav_product p.tit_box{width:1230px; margin:55px auto 15px auto; text-align:left; font-size:27px; font-weight:bold; color:#d22004 }
.fav_product .btn_more{float:right}
.orange{border:1px solid #d22004 !important; margin-bottom:70px !important}
/* family */
.family_comp_wrap {height:92px; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.family_comp_wrap .inner_box {position:relative; width:100%; margin:0 auto;}
.family_comp_wrap .inner_box .txt_l {position:absolute; top:0; left:0; width:175px; height:92px; font-size:20px; color:#014579; line-height:92px; background:#eee; text-align:center;}

.fam_site {width:100%; padding-left:0px;}
.fam_site .fam_inner {float:left; width:100%; height:53px; padding-top:15px; overflow:hidden;}
.fam_site .fam_inner ul {float:left; width:927px; padding:15px 0 0 0;}
.fam_site .fam_inner li {float:left; width:103px; height:92px; text-align:center;}
.fam_site p.arr_left {float:left; width:39px; padding:34px 17px 0 0; text-align:right;}
.fam_site p.arr_right {float:left; width:39px; padding:34px 0 0 17px;}
.left_footer1{float:left; width:75%}
.left_footer2{float:right;position:absolute; top:30px;right:0}
.left_footer2 img{margin-left:10px}

/* board */
.tb_top_search01 {padding-bottom:30px; text-align:center;}
.tb_top_search01 p {display:inline-block; vertical-align:top;}
.tb_top_search01 input.inp_ty01 {width:358px; height:28px; padding-left:10px; border:1px solid #ddd; background:#f5f5f5; vertical-align:top;}
.tb_top_search01 a.btn_search {display:inline-block; width:51px; height:28px; font-size:16px; color:#fff; line-height:28px; background:#0081c9; border:1px solid #014579; border-radius:2px; text-align:center; text-decoration:none;}

.board_wrap {border:1px solid #ddd; border-bottom:none;}
.board_wrap.mb01 {margin-bottom:28px;}
.board_wrap.mb02 {margin-bottom:50px;}

.board_common {width:100%; table-layout:fixed;}
.board_common col.num01 {width:110px;}
.board_common col.view01 {width:100px;}
.board_common col.date01 {width:150px;}
.board_common thead th {height:54px; font-weight:normal; font-family:'NSKR'; font-size:16px; color:#014579; line-height:54px; border-bottom:1px solid #ddd;}
.board_common thead th.num01 {}
.board_common thead th.view01 {}
.board_common thead th.date01 {}
.board_common tbody th {height:54px; font-weight:normal; color:#555; line-height:54px; background:#fff; text-align:center;}
.board_common tbody td {height:54px; font-weight:normal; font-size:16px; color:#555; line-height:54px; border-bottom:1px solid #ddd; text-align:center;}
.board_common tbody td.num01 {}
.board_common tbody td.view01 {}
.board_common tbody td.date01 {}
.board_common tbody td.title01 {text-align:left; padding:0 0 0 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_common tbody td.title01 a {color:#1e1e1e;}
.board_common tbody td.title01 img.icon_new {margin:19px 10px 0 0;}
.board_common tbody td.title01.new a {color:#014579;}

.board_view {width:100%; table-layout:fixed;}
.board_view col.view01 {width:130px;}
.board_view col.num01 {width:85px;}
.board_view col.date01 {width:110px;}
.board_view thead th {font-weight:normal; font-family:'NSKR'; font-size:16px; color:#014579; line-height:16px; padding:19px 0 19px 50px; border-bottom:1px solid #ddd; text-align:left;}
.board_view tbody th {font-weight:normal; font-size:16px; color:#014579; line-height:16px; padding:19px 0 19px 50px; border-bottom:1px solid #ddd; text-align:left;}
.board_view tbody td {position:relative; font-weight:normal; font-size:16px; color:#555; line-height:16px; padding:19px 0; border-bottom:1px solid #ddd; text-align:left;}
.board_view tbody td.cont01 {padding:19px 50px;}
.board_view tbody td.cont01 img {max-width:100%;}
.board_view tbody td.icon01 {padding-top:14px; padding-bottom:13px;}
.board_view tbody td a.btn_man_down {display:inline-block; height:36px; font-weight:bold; font-size:14px; color:#fff; line-height:36px; padding:0 20px 0 48px; background:#0081c9 url('../images/sub/icon_manunal_down.png') no-repeat 16px 11px; border:1px solid #ddd; border-radius:2px; vertical-align:top; text-decoration:none;}
.board_view tbody td a.btn_man_down span {}
.board_view tbody td a.btn_cat_down {display:inline-block; height:36px; font-weight:bold; font-size:14px; color:#fff; line-height:36px; padding:0 20px 0 48px; background:#0081c9 url('../images/sub/icon_manunal_down.png') no-repeat 16px 11px; border:1px solid #ddd; border-radius:2px; vertical-align:top; text-decoration:none;}
.board_view tbody td a.btn_cat_down span {}

.board_write {width:100%; table-layout:fixed;}
.board_write col.tit01 {width:163px;}
.board_write thead th {height:54px; font-weight:normal; font-size:16px; color:#014579; line-height:54px; border-bottom:1px solid #ddd;}
.board_write tbody th {font-weight:normal; font-size:16px; color:#014579; line-height:16px; background:#fff; border-bottom:1px solid #ddd; padding-left:35px; text-align:left;}
.board_write tbody td {font-weight:normal; font-size:16px; color:#555; line-height:16px; padding:12px 0; border-bottom:1px solid #ddd; text-align:left;}
.board_write tbody td p.inp_box01 {float:left;}
.board_write tbody td p.inp_box02 {float:left;}
.board_write tbody td p.inp_box03 {float:left;}
.board_write tbody td input.inp_ty01 {width:151px; height:28px; font-family:'맑은 고딕'; font-size:16px; color:#555; line-height:28px; padding:0 0 0 17px; background:#f5f5f5; border:1px solid #ddd;}
.board_write tbody td input.inp_ty02 {float:left; width:151px; height:28px; font-family:'맑은 고딕'; font-size:16px; color:#555; line-height:28px; padding:0 0 0 17px; margin-right:5px; background:#f5f5f5; border:1px solid #ddd;}
.board_write tbody td input.inp_ty03 {float:left; width:658px; height:28px; font-family:'맑은 고딕'; font-size:16px; color:#555; line-height:28px; padding:0 0 0 17px; margin-right:5px; background:#f5f5f5; border:1px solid #ddd;}
.board_write tbody td input.inp_ty04 {float:left; width:317px; height:28px; font-family:'맑은 고딕'; font-size:16px; color:#555; line-height:28px; padding:0 0 0 17px; margin-right:5px; background:#f5f5f5; border:1px solid #ddd;}
.board_write tbody td select.ty01 {/*float:left; width:169px; height:30px; font-family:'맑은 고딕'; font-size:16px; color:#555; line-height:30px; background:#f5f5f5; border:1px solid #ddd; padding-left:13px; margin-right:5px;*/}
.board_write tbody td select.ty01.mt5 {}
.board_write tbody td .txa_box {}
.board_write tbody td .txa_box textarea.ty01 {width:658px; height:198px; font-family:'맑은 고딕'; font-size:16px; color:#555; line-height:28px; padding:15px 0 15px 17px; background:#f5f5f5; border:1px solid #ddd;}
.board_write tbody td span.txt01 {float:left; width:43px; font-size:16px; color:#555; line-height:30px; text-align:center;}


/* pageing */
.paginationS {position:relative; width:100%; height:24px; padding:25px 0 10px 0;}
.paginationS .pageing {text-align:center; font-size:12px;}
.paginationS .pageing a.btn_arr {display:inline-block; margin:2px 0 0 0; background:none; vertical-align:top;}
.paginationS .pageing a.btn_arr img {}
.paginationS .pageing .numbering {display:inline-block; padding:0 6px; margin:0;}
.paginationS .pageing .numbering strong {display:inline-block; font-size:16px; color:#014579; line-height:16px; margin:0 0 0 11px; padding-right:15px; background:url('../images/common/line_page.png') no-repeat right 2px; text-align:center; vertical-align:top;}
.paginationS .pageing .numbering a {display:inline-block; font-size:16px; color:#888; line-height:16px; margin:0 0 0 11px; padding-right:15px; background:url('../images/common/line_page.png') no-repeat right 2px; text-align:center;}
.paginationS .pageing .numbering a.last {background:none;}
.paginationS .pageing .numbering span:last-child a {background:none;}
.paginationS .pageing .numbering a:hover {display:inline-block; color:#014579; line-height:16px; text-align:center; vertical-align:top;}
.paginationS .pageing .numbering a:active,
.paginationS .pageing .numbering a:focus {text-decoration:none;}


/* button */
.btm_btns.center {text-align:center;}
.btm_btns.center a {margin:0 2.5px;}

a.btn_ask01 {display:inline-block; width:211px; height:44px; font-weight:bold; font-size:20px; color:#fff; line-height:44px; border:1px solid #014579; border-radius:3px; background:#0081c9; text-align:center; text-decoration:none;}
a.btn_list01 {display:inline-block; width:211px; height:44px; font-weight:bold; font-size:20px; color:#fff; line-height:44px; border:1px solid #014579; border-radius:3px; background:#014579; text-align:center; text-decoration:none;}
a.btn_list02 {display:inline-block; width:211px; height:44px; font-weight:bold; font-size:20px; color:#fff; line-height:44px; border:1px solid #014579; border-radius:3px; background:#0081c9; text-align:center; text-decoration:none;}


/* form */
.selectricWrapper{position:relative;margin:0 0 0;cursor:pointer}
.selectricDisabled{filter:alpha(opacity=50);opacity:0.5;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectricOpen{z-index:9}
.selectricHideSelect{position:relative;overflow:hidden}
.selectricHideSelect select{position:absolute;left:-100%}
.selectric{border:1px solid #ddd;background:#f5f5f5;position:relative;border-radius:2px}
.selectricOpen .selectric{border-color:#ddd;background:#f5f5f5;z-index:9999}
.selectric .label{display:block;white-space:nowrap;overflow:hidden;margin:0 30px 0 0;padding:6px;font-size:16px;line-height:16px;color:#555}
.selectric .button{position:absolute;right:0;top:0;width:28px;height:28px;background:#f5f5f5 url('../images/common/bg_sel01.png') no-repeat;font-size:0;line-height:0;color:transparent; text-indent:-999px}
.selectricHover .selectric{border-color:#ccc}
.selectricHover .selectric .button{color:#888}
.selectricTempShow{position:absolute!important;visibility:hidden!important;display:block!important}
.selectricItems{display:none;position:absolute;overflow:auto;top:100%;left:0;background:#F9F9F9;border:1px solid #ccc;border-top:none;z-index:9998;box-shadow:0 0 10px -6px}
.selectricItems ul,.selectricItems li{list-style:none;padding:0;margin:0;min-height:20px;line-height:20px;font-size:12px;text-align: left!important}
.selectricItems ul{margin-bottom:0!important;}
.selectricOpen .selectricItems{display:block}
.selectricItems li{padding:5px;cursor:pointer;display:block;border-bottom:none;color:#666;border-top:none}
.selectricItems li.selected{background:#efefef;color:#444;border-top:none;}
.selectricItems li:hover{background:#f0f0f0;color:#444}
.selectricItems li.disabled{background:#f5f5f5;color:#bbb;border-top-color:#fafafa}

.board_write .selectricWrapper {float:left; }
.board_write .selectric {width:151px; height:28px; margin-right:5px; padding-left:17px;}

.product_detail_wrap .selectricWrapper {float:left; margin-right:7px;}
.product_detail_wrap .selectric {width:253px; height:34px; font-size:14px; color:#565656; border:1px solid #dcdcdc; border-radius:0; background:#fff;}
.product_detail_wrap .selectric .label{display:block;white-space:nowrap;overflow:hidden;margin:0 38px 0 0;padding:0 0 0 14px;font-size:14px; color:#565656;line-height:34px;}
.product_detail_wrap .selectric .button{position:absolute;right:0;top:0;width:38px;height:34px;background:url('../images/sub/bg_sel01.gif') no-repeat;font-size:0;line-height:0;color:transparent; text-indent:-999px}

.detail_layer01 .selectricWrapper {float:left; margin-right:11px;}
.detail_layer01 .selectric {width:134px; height:34px; font-size:14px; color:#565656; border:1px solid #dcdcdc; border-radius:0; background:#fff;}
.detail_layer01 .selectric .label{display:block;white-space:nowrap;overflow:hidden;margin:0 38px 0 0;padding:0 0 0 14px;font-family:'HyundaiHead_R';font-size:15px; color:#000;line-height:34px;}
.detail_layer01 .selectric .button{position:absolute;right:0;top:0;width:38px;height:34px;background:url('../images/sub/bg_sel01.gif') no-repeat;font-size:0;line-height:0;color:transparent; text-indent:-999px}

.board_write .line_ty01 {height:30px; padding-bottom:12px;}
.board_write .line_ty02 .selectric {width:317px;}


input.ch_ty1 {position:absolute; top:2px; left:0; margin:0; width:12px; height:12px;}
span.ch_ty1 {display:block; position:absolute; top:0; left:0; width:15px; height:15px; background:url('../images/common/bg_check.png') no-repeat left top; cursor:pointer}
span.ch_ty1.on {background:url('../images/common/bg_check_on.png') no-repeat left top;}

input.btn_ask01 {display:inline-block; width:211px; height:44px; font-weight:bold; font-size:20px; color:#fff; line-height:44px; border:1px solid #014579; border-radius:3px; background:#0081c9; text-align:center; text-decoration:none; cursor:pointer;}

.ready_box {margin-top:45px; padding:85px 0 100px 0; border:1px solid #ddd; text-align:center;}
.ready_box img {}

.mob_sns {display:none;}
 #search_char   { text-align:center; margin:20px 0; background-color:#eeeeee }
   #search_char ul   { width:100%; margin:0 auto; }
   #search_char li { width:47px; height:30px; float:left;  padding-top:10px; cursor:pointer; font-weight:bold}
   #search_char li.nowChar   { background-color:gray; color:white; }
   #noResult   { text-align:center; padding:10px; }
   
   .oldmarket{display:none !important}
   dt.price{ text-align:center; color:#d42007 !important; line-height:30px; font-weight:bold}
   
/* margin */	
.ssssMargin {padding:1px 0; margin:0; display:block; clear:both; margin-top:-2px}
.sssMargin {padding:1px 0; margin:0; display:block; clear:both;}
.ssMargin {padding:3px 0; margin:0; display:block; clear:both;}
.sMargin {padding:10px 0; margin:0; display:block; clear:both;}
.IMargin {padding:40px 0; margin:0; display:block; clear:both;}
.MMargin {padding:25px 0; margin:0; display:block; clear:both;}

   .itunit{ padding:20px; line-height:30px; border-bottom:1px solid #ddd}
   .itunit h1{ font-weight:bold}
   .it_btn a:link{ background-color:#D44C26; padding:3px 10px; border-radius:5px; color:#fff}
   .it_btn a:hover{ background-color:#D44C26; padding:3px 10px; border-radius:5px; color:#fff}
   .it_btn a:visited{ background-color:#D44C26; padding:3px 10px; border-radius:5px; color:#fff}

}


@media (min-width : 768px) and (max-width : 1280px) {
	.gnb li {padding:0 !important; width:13% !important}
	.gnb ul.dp2 li{padding:0 53px; width:20% !important}
}