@charset "utf-8";
@import "/css/reset.min.css";
@import "/css/style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family: 'Noto Sans SC', sans-serif; color:#222; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; word-break:keep-all; image-rendering:-webkit-optimize-contrast;}

button{font-family:inherit; border:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-input-placeholder{color:inherit;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}

/* 본문 바로가기 */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* WRAP */
#wrap{width:100%; min-width:1200px; position:relative;}

/* 헤더 */
#header{width:100%; height:auto; position:relative; z-index:100; background:#fff;}
#header .headerTop{display:flex; justify-content:center; align-items:center; width:1200px; height:84px; position:relative; margin:0 auto; z-index:2;}
#header .headerTop .headerLogo{display:inline-block; font-size:0;}
#header .headerTop .languageMenu{display:inline-block; position:absolute; top:50%; right:40px; transform:translateY(-50%); width:90px; height:auto;}
#header .headerTop .languageMenu .inBox{width:100%; height:auto; position:relative;}
#header .headerTop .languageMenu .menuTitle{display:flex; align-items:center; width:100%; height:auto; font-size:12px; font-weight:400; letter-spacing:0; line-height:1; color:#000;}
#header .headerTop .languageMenu .menuTitle .sprite{margin-right:5px;}
#header .headerTop .languageMenu .bubbleBox{width:116px; height:auto; max-height:0; top:100%; left:-8px; position:absolute; overflow:hidden; transition:all 0.3s linear;}
#header .headerTop .languageMenu .bubbleBox .inMenuList{display:flex; flex-wrap:wrap; align-content:center; justify-content:center; align-content:center; width:113px; height:113px; padding:10px 0; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.22); border-radius:10px; margin:0 auto;}
#header .headerTop .languageMenu .bubbleBox .inMenuList li{display:block; width:100%; height:auto; text-align:center; padding:4px 0;}
#header .headerTop .languageMenu .bubbleBox .inMenuList li a{display:inline-block; font-size:12px; font-weight:400; letter-spacing:0; line-height:1; color:#000;}
#header .headerTop .languageMenu:hover .bubbleBox{max-height:150px; padding-top:10px; padding-bottom:5px;}
#header .headerMenu{width:100%; height:62px; background:#000; position:relative; z-index:1;}
#header .headerMenu .menuBox{display:flex; justify-content:space-between; align-items:center; width:1200px; height:100%; margin:0 auto;}
#header .headerMenu .menuBox .boxItem{display:inline-flex; justify-content:center; align-items:center; width:auto; min-width:135px; height:100%; position:relative;}
#header .headerMenu .menuBox .boxItem > a{display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; font-size:15.8px; font-weight:400; letter-spacing:0; line-height:19px; color:#fff; padding:0 20px; position:relative;}
#header .headerMenu .menuBox .boxItem.on > a::after{content:""; display:block; width:100%; height:4px; background:#8e004f; position:absolute; bottom:0; left:0;}
#header .headerMenu .menuBox .boxItem .bubbleBox{display:none; width:120px; height:79px; padding-top:11px; background:url("../img/comm/menu_bubble.png") no-repeat center center/cover; position:absolute; top:calc(100% - 5px); left:50%; transform:translateX(-50%);}
#header .headerMenu .menuBox .boxItem .bubbleBox .inMenuList{display:flex; flex-wrap:wrap; align-content:center; align-items:center; width:100%; height:100%;}
#header .headerMenu .menuBox .boxItem .bubbleBox .inMenuList li{display:flex; text-align:left; align-items:center; width:100%; height:auto; padding-left:15px;}
#header .headerMenu .menuBox .boxItem .bubbleBox .inMenuList li + li{margin-top:11px;}
#header .headerMenu .menuBox .boxItem .bubbleBox .inMenuList li span{display:inline-block; width:4px; height:4px; border-radius:50%; background:#000; margin-right:8px;}
#header .headerMenu .menuBox .boxItem .bubbleBox .inMenuList li a{display:inline-block; font-size:14px; font-weight:500; letter-spacing:0; line-height:1; color:#333;}

#quick{width:86px; height:auto; position:absolute; top:160px; right:8.75%; z-index:1000;}
#quick.fixed{position:fixed; top:50px;}
#quick .inList{width:100%; height:auto; background:#f8f7f7; border-radius:58px; box-shadow:0 0 6px rgba(0,0,0,.2); padding:20px 0 10px 0;}
#quick .inList .listItem{display:block; width:100%; height:auto; padding:10px 5px; position:relative;}
#quick .inList .listItem + .listItem::before{content:""; display:block; width:calc(100% - 10px); height:2px; background:#e9e6e6; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#quick .inList .listItem .inCall{width:100%; height:auto; padding-left:15px; text-align:left; color:#000;}
#quick .inList .listItem .inCall span{display:inline-block; font-size:12px; font-weight:500; letter-spacing:0; line-height:1; margin-bottom:8px;}
#quick .inList .listItem .inCall p{font-size:18px; font-weight:700; letter-spacing:0; line-height:17.79px;}
#quick .inList .listItem .inLink{width:100%; height:auto; text-align:center; cursor:pointer;}
#quick .inList .listItem .inLink .icon{display:block; width:100%; height:60px; text-align:center;}
#quick .inList .listItem .inLink .icon img{display:inline-block; width:auto; height:60px;}
#quick .inList .listItem .inLink p{font-size:12px; font-weight:500; letter-spacing:0; line-height:1; margin-top:10px;}
#quick .inList .listItem .qr{display:none; opacity:0; transition:all 0.3s linear; position:absolute; top:0; left:-202px;}
#quick .inList .listItem:hover .qr{display:block; opacity:1;}
#quick .onTop{display:block; width:59px; height:58px; margin:10px auto 0 auto;}

#footer{width:100%; height:158px; background:#fff; padding-top:15px;}
#footer .footer{display:flex; justify-content:space-between; align-items:flex-start; width:1200px; height:100%; margin:0 auto; padding:0 120px; text-align:left;}
#footer .footer > *{flex-shrink:0;}
#footer .footer .inText{font-size:11px; font-weight:300; letter-spacing:0.05em; line-height:1.818; color:#4b4b4b; margin-top:12px;}
#footer .footer .inText address{display:block; font-style:normal; font-weight:300;}
#footer.sub{background:#000; padding-top:25px;}
#footer.sub .footer .inText{color:#fff;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}
.ta_j{text-align:justify !important;}
.va_m{vertical-align:middle !important;}

/* sprite image */
.sprite{display:inline-block; vertical-align:top;}
.bg-global_icon{width:18px; height:17px; background: url('../img/comm/css_sprites.png') -794px -164px;}
.bg-head_logo{width:368px; height:61px; background: url('../img/comm/css_sprites.png') -10px -325px;}
.bg-kakao_qr{width:202px; height:295px; background: url('../img/comm/css_sprites.png') -10px -10px;}
.bg-line_qr{width:202px; height:295px; background: url('../img/comm/css_sprites.png') -232px -10px;}
.bg-quick_icon01{width:93px; height:94px; background: url('../img/comm/css_sprites.png') -568px -164px;}
.bg-quick_icon02{width:93px; height:93px; background: url('../img/comm/css_sprites.png') -681px -164px;}
.bg-quick_icon03{width:94px; height:94px; background: url('../img/comm/css_sprites.png') -454px -164px;}
.bg-quick_icon04{width:93px; height:93px; background: url('../img/comm/css_sprites.png') -454px -278px;}
.bg-quick_icon05{width:89px; height:89px; background: url('../img/comm/css_sprites.png') -567px -278px;}
.bg-quick_icon06{width:86px; height:88px; background: url('../img/comm/css_sprites.png') -676px -278px;}
.bg-footer_icon{width:322px; height:53px; background: url('../img/comm/css_sprites.png') -454px -91px;}
.bg-footer_icon_sub{width:359px; height:61px; background: url('../img/comm/css_sprites.png') -454px -10px;}

/* background-color */
.bgColor1{background-color:#f2f1ee !important;}
.bgColor2{background-color:#2d252c !important;}
.bgColor3{background-color:#f5f4f2 !important;}


.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

/* PAGING */
.paging {height:37px; text-align:center; font-size:13px; margin-top:30px; position:relative;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:32px; height:32px; line-height:32px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#023c8d; display:inline-block; text-align:center; width:32px; height:32px; font-weight:700; line-height:32px;}
.paging .btn_prev {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-right:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-left:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:20px;}
.btn_box2{width:100%; overflow:hidden; font-size:15px; font-weight:500; text-align:center; margin-top:20px;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 0;}

a.btn_left_1{float:left; margin-right:7px; display:inline-block; width:83px; height:38px; font-size:17px; text-align:center; line-height:38px; border:1px solid #464646; font-size:14px; color:#464646; background-color:#fff;}
a.btn_left_2{float:left; margin-right:7px; display:inline-block; width:83px; height:38px; font-size:17px; text-align:center; line-height:38px; border:1px solid #c83186; color:#fff; background-color:#c83186;}

a.btn_right_1{float:right; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:17px; text-align:center; line-height:38px; border:1px solid #464646; color:#464646; background-color:#fff;}
a.btn_right_2{float:right; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:17px; text-align:center; line-height:38px; border:1px solid #c83186; color:#fff; background-color:#c83186;}

a.btn_center_1{margin-left:7px; display:inline-block; width:83px; height:38px; font-size:17px; text-align:center; line-height:38px; background-color:#c83186; border:1px solid #c83186; color:#fff;}
a.btn_center_2{margin-left:7px; display:inline-block; width:83px; height:38px; font-size:17px; text-align:center; line-height:38px; background-color:#ffffff; border:1px solid #c83186; color:#c83186;}