@charset "UTF-8";


/* HEADER */
.header_wrap {width:100%; height:100px; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; position:relative; z-index:1; min-width:1600px; }
.header {width:1200px; margin:0 auto; }
.header_logo { display:inline-block; vertical-align:top; width:30%;}
.header_logo a { display:inline-block; margin:14px 0 0 0;}
.header_logo a img {}

/* GNB */
.gnb_wrap {text-align:right; display:inline-block; vertical-align:top; width:70%;}
.gnb {display:inline-block; vertical-align:top; }
.gnb > li {display:inline-block; vertical-align:top;  text-align:center;}
.gnb > li:nth-of-type(even):hover > a {border-bottom:2px solid #042d6e; position:relative; z-index:1;}
.gnb > li > a {display:block; color:#000; font-size:16px; height:100px; line-height:100px; margin:0 40px;}
.gnb > li > ul { text-align:center; margin-top:1px; position:absolute; top:100px; left:0; display:none; background:#fff; width:100%; box-sizing:border-box;}
.gnb > li > ul > li {display:inline-block; vertical-align:top; height:60px; line-height:60px;}
.gnb > li > ul > li > a {text-align:center; font-size:16px; color:#131313; display:block; font-size:14px; margin:0 20px; display:block; height:100%;}
.cate02_depth {padding-left:400px;}
.cate04_depth {padding-left:1050px;}

/* Quick Menu */
.quick_menu {position:fixed; top:0; bottom:0; right:-120px; height:100%;  display:table; z-index:2; text-align:center; box-shadow:3px 3px 3px 5px rgba(0,0,0,0.2);}
.quick_menu_btn {display:block; top:50%; width:46px; position:absolute; top:50%; margin-top:-70px; left:-46px;}
.quick_menu_btn > div {width:100%; height:40px; background:#3aa3db;}
.quick_menu_btn > div > img {margin:14px 0 0 0;}
.quick_menu_btn > p {width:100%; height:86px; padding:14px 0 0 0; color:#fff; background:#036bb4; display:inline-block; text-align:center; position:relative;}
.quick_menu_btn > p span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.quick_menu_txt2 {opacity:0;}
.quick_menu_list {background:#fff; width:120px; height:100%; vertical-align:middle; display:table-cell; }
.quick_menu_list li {margin:0 0 36px 0;}
.quick_menu_list li a {display:block; width:100%; color:#333; font-size:16px;}
.quick_menu_list li a p {margin:8px 0 0 0;}

/* Quick_view */
.quick_view_wrap {position:relative; width:1200px; margin:0 auto; z-index:1;}
.quick_nav {position:absolute; top:81px; right:-110px}
.quick_nav > li {width:90px; height:110px; margin:0 0 10px 0;}
.quick_nav > li > a {display:block; width:100%; height:100%; background:url(/web/images/common/kakao_quick.png) center no-repeat; text-align:center;} 
.quick_view_list01 a p {font-size:14px; color:#333; text-align:center; padding:72px 0 0 0; box-sizing:border-box; font-weight:500;}
.quick_view_list02 {cursor:pointer;}
.quick_view_list02 div {width:100%; height:100%; background:#00396f; color:#fff;}
.quick_view_list02 div p:first-child {margin-left:-2px;}
.quick_view_list02 div p {font-weight:300; padding:15px 0 0 0;  line-height:20px; text-align:center;}
.quick_view_list02 div p strong {font-weight:500; letter-spacing:-0.5px; display:inline-block; vertical-align:top;}


/* FOOTER */
.footer_wrap {width:100%; border-top:1px solid #cacaca; margin:0 0 0 0;}
.footer {width:1200px; margin:0 auto; overflow:hidden; padding:20px 0;}
.footer > div {float:left;}
.footer_logo_wrap {margin:0 70px 0 0;}
.footer_logo_wrap img {margin:20px 0 0 0;}
.footer_txt {font-size:14px; line-height:20px; color:#646464;}
.footer_copy {color:#b8b8b8; font-size:14px; margin:10px 0 0 0;}