@charset "utf-8";

@import url("../font/GmarketSans/fonts.css");

.container {margin:0 auto; width:100%; max-width:1400px;}
.container:after {clear:both; display:block; content:"";}

/*헤더*/
.T3_Hheader { position:relative; z-index:998; border-bottom:1px solid #dcdcdc; background:#fff; }
.T3_Hheader.gnbTpop { height:calc(4.5rem + 55px); }
.T3_Hheader .header_wrap{position:relative;}
.T3_Hheader .header_wrap:after {clear:both; display:block; content:"";}


/* gnb_util */
.T3_Hheader .gnb_util {height:2rem; line-height:2rem; color:#fff; background:#27313c; overflow:hidden;}
.T3_Hheader .gnb_util .go { position:relative; float:left; padding-right:2.4rem; border-radius:0 1rem 1rem 0; background:#5aa2fb url('/resources/images/T3_H_layout/gnb_util_go.png') no-repeat 88% center; font-family:"GmarketSans"; font-weight:700; font-size:0.75rem; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; z-index: 1;}
.T3_Hheader .gnb_util .go:before { content:""; display:block; position:absolute; top:0; right:100%; width:100vw; height:100%; background-color:inherit; pointer-events:none; }
.T3_Hheader .gnb_util .go2 { position:relative; float:left; padding-right:2.4rem; border-radius:0 1rem 1rem 0; background:#72b847 url('/resources/images/T3_H_layout/gnb_util_go.png') no-repeat 88% center; font-family:"GmarketSans"; font-weight:700; font-size:0.75rem; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; margin-left: .7rem; }
.T3_Hheader .gnb_util .go2:before { content:""; display:block; position:absolute; top:0; right:100%; width:100vw; height:100%; background-color:inherit; pointer-events:none; z-index: 0;}
.T3_Hheader .gnb_util .go:hover,
.T3_Hheader .gnb_util .go:focus,
.T3_Hheader .gnb_util .go2:hover,
.T3_Hheader .gnb_util .go2:focus { background-position-x:91%; text-decoration:underline; }
.T3_Hheader .gnb_util .inner { float:right; }
.T3_Hheader .gnb_util .lst {float:left;}
.T3_Hheader .gnb_util .lst li { float:left; }
.T3_Hheader .gnb_util .lst li a {display:inline-block; position:relative; background-repeat:no-repeat; background-position:left center;  font-size:0.7rem; color:#bac2ca;}
.T3_Hheader .gnb_util .lst li a:before { content:""; display:inline-block; width:0.9rem; height:0.9rem; margin-right:0.35rem; background-repeat:no-repeat; vertical-align:middle; }
.T3_Hheader .gnb_util .lst li:first-child a:before { background-image:url('/resources/images/T3_H_layout/gnb_util_login.png'); }
.T3_Hheader .gnb_util .lst li:nth-child(2) a:before { background-image:url('/resources/images/T3_H_layout/gnb_util_eng.png'); }
.T3_Hheader .gnb_util .lst li a:hover { text-decoration:underline; }
.T3_Hheader .gnb_util .lst li + li a { margin-left:1rem; padding-left:1.25rem; background:url('/resources/images/T3_H_layout/gnb_util_bg.png') no-repeat left center; }
.T3_Hheader .gnb_util .sns { float:left; height:2rem; margin-left:1.25rem; }
.T3_Hheader .gnb_util .sns li { float:left; width:2rem; height:100%; }
.T3_Hheader .gnb_util .sns li a { display:block; overflow:hidden; height:100%; background-repeat:no-repeat; background-position:center; color:transparent; }
.T3_Hheader .gnb_util .sns li.facebook a { border-top-left-radius:1rem; background-color:#0054a6; background-image:url('/resources/images/T3_H_layout/gnb_util_facebook.png'); }
.T3_Hheader .gnb_util .sns li.twitter a { background-color:#00b4ff; background-image:url('/resources/images/T3_H_layout/gnb_util_twitter.png'); }
.T3_Hheader .gnb_util .sns li.kakaostory a { background-color:#f0be1e; background-image:url('/resources/images/T3_H_layout/gnb_util_kakaostory.png'); }
.T3_Hheader .gnb_util .sns li.blog a { border-top-right-radius:1rem; background-color:#42c32b; background-image:url('/resources/images/T3_H_layout/gnb_util_blog.png'); }
.T3_Hheader .gnb_util .tpop_control { float:right; }
.T3_Hheader .gnb_util .tpop_control a { display:block; position:relative;  font-size:0.7rem; color:#fff; line-height:2rem; background:#274160; padding:0 1.5rem 0 1rem; }
.T3_Hheader .gnb_util .tpop_control a:after { content:""; position:absolute; width:8px; height:5px; right:0.75rem; top:0.9rem; background:url('/resources/images/T3_H_layout/btn_arr.png') no-repeat center; -webkit-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease; }
.T3_Hheader .gnb_util .tpop_control a.on:after { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

/* logo */
.T3_Hheader .logo { position: absolute; top: 0.7rem; left: 0; z-index:999; overflow:hidden; } /*220429 수정*/
.T3_Hheader .logo img { width:100px; height:64px; }
.T3_Hheader .mob_btn { display:none; }

/* 220422수정 langage */
.gnb_util .lst li a.langBtn{display:inline-block; width:2rem; height:2rem; color:transparent; line-height:0; font-size:0; margin-left:0.5rem; vertical-align:top; text-align:center; background:#5ba3fc url('/images/web/busanedu/main/ico_lang.png') no-repeat center !important;}
.gnb_util .lst li a.langBtn:hover,
.gnb_util .lst li a.langBtn:focus{background-color:#1c5cbb;}
.langBox{display:none; position: absolute; right:50%; top:2rem; width:17rem; height:auto; margin-right:-700px; background:#fff; z-index:101; border:1px solid #ddd; /*font-family: 'GmarketSans';*/}
.langBox .langIco{overflow:hidden;}
.langBox .langIco li{width:50%; float:left; display:table; height:3rem; text-align:left;}
.langBox .langIco li a{position:relative; display:table-cell; vertical-align: middle; line-height:1.1; padding:0 1rem 0 3rem; color:#444; font-size:0.8rem; border-bottom:1px solid #ddd; word-break: break-all; }
.langBox .langIco li:nth-child(odd) a{border-right:1px solid #ddd;}
.langBox .langIco li img{position:absolute; left:.5rem; top:.4rem; }
.langBox .langLst{margin:1rem; height:6rem; text-align:left; overflow:auto;}
.langBox .langLst a{display:block; color:#333; padding:5px 0; line-height:1.3; font-size:0.75rem;} 
.langBox .langIco li:hover,
.langBox .langIco li:focus{background:#f1f1f1;}
.langBox .langLst a:hover,
.langBox .langLst a:focus{text-decoration: underline; color:#1c5cbb;}

/* 검색 */
#totalSearch { position:absolute; top:1rem; left:50%; width:22.5rem; height:2.5rem; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding-right:3.5rem; z-index:20;}
#totalSearch:before { content:"\e97a"; position:absolute; left:1rem; top:0; font-family:'xeicon'; color:#5193e9; font-size:1.5rem; }
#totalSearch input { float:left; width:100%; height:2.5rem; padding-left:3.5rem; line-height:2.5rem; border:none; color:#333; background:#fff; border:4px solid #5193e9;  }
#totalSearch input::placeholder { color:#636363 }
#totalSearch button { position:absolute; top:0; right:1rem; width:3.5rem; height:2.5rem; background:#5193e9; text-align:left; font-size:1rem; color:#fff; font-family:'GmarketSans'; font-weight:400; text-align:right; font-size:1rem; line-height:2.25rem; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s }
#totalSearch form:after {content:'';position:absolute; bottom:0; right:0; width:0; height:0; border-top:1.75rem solid #5193e9; border-left:1rem solid #5193e9; border-bottom:0.75rem solid transparent;}

/* gnb 버튼영역 */
.T3_Hheader .gnb_btn{position:absolute; top:1.4rem; right:50%; margin-right:-700px; text-align:right; line-height:0; color:transparent; z-index:12;}
.T3_Hheader .gnb_btn .tpop_control{float:right; margin-left:1rem; }
.T3_Hheader .gnb_btn .tpop_control a{position:relative; display:block; width:2.5rem; height:55px; background:#17356e url('/resources/images/T3_H_layout/ico_tpop.png') no-repeat center;}
.T3_Hheader .gnb_btn .tpop_control a:before{content:""; position: absolute; right:-0.25rem; top:-0.25rem; width:1rem; height:1rem; background:#43b53a url('/resources/images/T3_H_layout/btn_arr.png') no-repeat center; }
.T3_Hheader .gnb_btn .tpop_control a.on:before{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 전체메뉴 */
.T3_Hheader .fullmenu{ display:inline-block; overflow:hidden; width:1.6rem; z-index:12; }
.T3_Hheader .fullmenu span{display:block; float:left; height:4px; width:100%; margin:3px 0; border-radius:10px; background:#024c7e; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease;}
.T3_Hheader .fullmenu:hover span{width:100% !important;}
.T3_Hheader .fullmenu span:nth-child(2){width:80%;}

/* 상단메뉴 */
#nav { width:100%; height:4.5rem !important; border-top:1px solid #ddd;}
#nav #blind { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
#gnb { position:relative; max-width:1400px; margin:0 auto; z-index:10; } /* 220429 수정 */
#gnb ul:after { content:""; display:block; clear:both; }
#gnb .wrap{max-width: 1400px; width: 100%; margin: auto; padding-right: 2rem; padding-left: 5rem; }
.T3_Hheader.gnbTpop #gnb .wrap{margin-right:5.5rem;}
#gnb .wrap > ul { display:table; width:100%; position:relative; height:auto; table-layout:fixed; }
#gnb .wrap > ul > li { display:table-cell; position:relative; vertical-align:top; }
#gnb .wrap > ul > li > a { position:relative; display:block; text-align:center; }
#gnb .wrap > ul > li + li > a { padding:0 0.1rem; }
#gnb .wrap > ul > li > a span { position:relative; display:block; height:4.5rem; font-family:"GmarketSans"; font-weight:400; font-size:1rem; line-height:4.5rem; color:#333; }
#gnb .wrap > ul > li > a.ov span { color:#5aa2fb; }
#gnb .wrap > ul > li > a[target="_blank"] span:after { content:""; display:inline-block; width:18px; height:18px; margin-left:0.5rem; background:url('/resources/images/T3_H_layout/icon_new_WG.png') no-repeat; vertical-align:middle; }
/* menu over underline animation
#gnb .wrap > ul > li > a span:after { content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:3px; }
#gnb .wrap > ul > li > a.ov span:after, 
#gnb .wrap > ul > li a:hover span:after, 
#gnb .wrap > ul > li > a:active span:after { width:50%; background:#0c263d; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } */

#gnb a, 
#gnb span, 
#gnb li:after, 
#gnb li:before { transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease; }

.T3_Hheader #nav #gnb .wrap > ul.minNav { display:block; float:left; width:auto; }
.T3_Hheader #nav #gnb .wrap > ul.minNav > li { display:block; float:left; min-width:15%; }
.T3_Hheader #nav #gnb > .wrap > ul.minNav > li > a span { padding:0 2rem; }

/* 2차메뉴 */
#gnb .wrap a { display:block; }
#gnb .wrap .depth02 > ul > li:last-child { display:block; }
#gnb .wrap .depth02 > ul { background: #fff; height: auto; }
#gnb .wrap .depth02 > ul > li { overflow:hidden; position:relative; width:100%; float:none; }
#gnb .wrap .depth02 > ul > li > a { font-size:0.8rem; line-height:1.4rem; height:auto; padding:0.6rem 1rem; color:#323232; text-align:left; word-break:keep-all; } 
#gnb .wrap .depth02 > ul > li.dep > a,
#gnb .wrap .depth02 > ul > li > a[target='_blank'] { padding-right:1.5rem; }
#gnb .wrap .depth02 > ul > li > a strong { font-weight:400; }
#gnb .wrap .depth02 > ul > li > a[target='_blank'] strong:after { content:url('/resources/images/T3_H_layout/icon_new_WG.png'); position:absolute; top:0.5rem; right:0.5rem; line-height:1rem; }
#gnb .wrap .depth02 > ul > li > a[target='_blank']:hover strong:after,
#gnb .wrap .depth02 > ul > li > a[target='_blank']:active strong:after,
#gnb .wrap .depth02 > ul > li.open > a[target='_blank'] strong:after { content:url('/resources/images/T3_H_layout/icon_nav_wh.png'); }

/* 3차메뉴 */
#gnb .wrap .depth02 > ul > li.dep.open:after { transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
#gnb .wrap .depth02 > ul > li ul.group { display:none; position:relative; left:auto; top:auto; padding:0.4rem 0.8rem; background:#105636; }
#gnb .wrap .depth02 > ul > li ul.group li { width:100%; float:left; margin:0.25rem 0; }
#gnb .wrap .depth02 > ul > li ul.group li a { position:relative; line-height:0.9rem; padding-left:7px; font-weight:200; font-size:0.7rem; color:#b5e4cf; }
#gnb .wrap .depth02 > ul > li ul.group li a:before { content:""; width:0.1rem; height:0.1rem; position:absolute; left:0; top:0.43rem; background:#b7b7b7; }
#gnb .wrap .depth02 > ul > li ul.group li a:hover { text-decoration:underline; }
#gnb .wrap .depth02 > ul > li ul.group li a strong { font-weight:400; }
#gnb .wrap .depth02 > ul > li ul.group li a[target="_blank"] strong:after { content:""; display:inline-block; width:11px; height:11px; margin-left:0.4rem; background:url('/resources/images/T3_H_layout/icon_nav_bk.png'); vertical-align:middle; }

/* oneDown */
#navShadow { display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100; }
#nav.oneDown #gnb > .wrap .depth02 { display:none; height: auto !important; position:relative; background:rgba(0,0,0,0.7); }
#nav.oneDown #gnb > .wrap .depth02.ov { background:#fff; }
#nav.oneDown #gnb > .wrap .depth02 > ul > li.open { background:#dfe6ee; }
#nav.oneDown #gnb > .wrap .depth02 > ul > li > a:hover,
#nav.oneDown #gnb > .wrap .depth02 > ul > li > a:active,
#nav.oneDown #gnb > .wrap .depth02 > ul > li.open > a { background:#3662c2; color:#fff; }
#nav.oneDown #gnb > .wrap .depth02 > ul > li.dep:before { content:""; position:absolute; right:0.8rem; top:0.95rem; z-index:2; width:0.7rem; height:0.5rem; background:url('/resources/images/T3_H_layout/nav_arr_gr.png') no-repeat center; pointer-events:none; }
#nav.oneDown #gnb > .wrap .depth02 > ul > li.dep:hover:before { background:url('/resources/images/T3_H_layout/nav_arr.png') no-repeat center; }
#nav.oneDown #gnb > .wrap .depth02 > ul > li.dep.open:before { background:url('/resources/images/T3_H_layout/nav_arr.png') no-repeat center; transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
#nav.oneDown #gnb > .wrap .depth02 > ul > li ul.group { background:#dfe6ee; }
#nav.oneDown #gnb > .wrap .depth02 > ul > li ul.group li a { color:#333; }
#nav.oneDown #gnb > .wrap .depth02 > ul > li ul.group li a:hover:before { background:#00733f; }

/* FullDown */
#nav.fullDown{overflow:hidden;}
#nav.fullDown #blind {background:rgba(23, 23, 23, 0.95); }
#nav.fullDown #gnb > .wrap > ul:before { content:""; position:absolute; right:0; top:0; z-index:10; width:1px; height:100%; background:rgba(255,255,255,0.3); }
#nav.fullDown #gnb > .wrap > ul > li:before { content:""; position:absolute; left:0; top:0; z-index:10; width:1px; height:100%; background:rgba(255,255,255,0.3); }
#nav.fullDown #gnb > .wrap .depth02 > ul > li > a[target='_blank'] strong:after { content:url('/resources/images/T3_H_layout/icon_nav_wh.png'); position:absolute; right:0.5rem; top:0.5rem; line-height:1rem; }
#nav.fullDown #gnb > .wrap .depth02.ov { background:#3662c2; }
#nav.fullDown #gnb > .wrap .depth02 { padding:0.5rem 0; }
#nav.fullDown #gnb > .wrap .depth02 > ul > li > a { color:#fff; }
#nav.fullDown #gnb > .wrap .depth02 > ul > li > a:hover,
#nav.fullDown #gnb > .wrap .depth02 > ul > li > a:active,
#nav.fullDown #gnb > .wrap .depth02 > ul > li.open > a { color:#ffc83a; text-decoration:underline; }
#nav.fullDown #gnb > .wrap .depth02 > ul > li.dep:before { content:""; position:absolute; right:0.75rem; top:0.8rem; z-index:2; width:11px; height:7px; background:url('/resources/images/T3_H_layout/nav_arr02.png') no-repeat center; pointer-events:none; }
#nav.fullDown #gnb > .wrap .depth02 > ul > li.dep.open:before { transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
#nav.fullDown #gnb > .wrap .depth02 > ul > li ul.group{ background:#173a86; }
#nav.fullDown #gnb > .wrap .depth02 > ul > li ul.group li a { color:#fff; }
#nav.fullDown #gnb > .wrap .depth02 > ul > li ul.group li a:hover:before { background:#fff; }

.js_mobile_check { display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px; }

/* 모바일검색 */
.T3_Hheader .search_btn, .T3_Hheader .search{display:none;}

/* 전체메뉴 */
.popFullmenu { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 12, 30, 0.95); z-index:999; }
.popFullmenu .fullmenu_wrap { position:relative; width:95%; height:90%; color:#fff; max-width:1400px; margin:2.5% auto 0; font-size:0; line-height:0; overflow:auto; }
.popFullmenu h2 { font-size:2rem; padding:10px 20px; border-top:1px solid rgba(255,255,255,0.7); border-bottom:2px solid rgba(255,255,255,0.7); line-height:1.4; margin:0 0 2rem; }
.popFullmenu h2 + .group > li { display:inline-block; width:23%; margin:0 1% 1rem; vertical-align:top; font-size:0.8rem; line-height:1.3; }
.popFullmenu h2 + .group > li > a { display:block; font-size:1.2rem; padding:0.5rem 1rem; color:#111; font-weight:400; background:rgba(255,255,255,0.9); }
.popFullmenu h2 + .group > li > a > span { display:inline-block; }
.popFullmenu h2 + .group > li > a[target="_blank"] > span:after { content:""; display:inline-block; width:18px; height:18px; margin-left:0.5rem; background:url(/resources/images/T3_H_layout/icon_new_WG.png) no-repeat; vertical-align:middle; }
.popFullmenu h2 + .group > li:hover > a[target="_blank"] > span:after { background-image:url(/resources/images/T3_H_layout/icon_nav_wh.png); }
.popFullmenu .depth02 { margin:1rem 0.5rem 0; font-weight:200; }
.popFullmenu .depth02 li a[target='_blank'] strong:after { content:''; display:inline-block; position:relative; width:11px; height:11px; margin:-3px 0 0 8px; vertical-align:middle; background:url('/resources/images/T3_H_layout/icon_new_WW.png') no-repeat; }
.popFullmenu .depth02 .group > li > a { display:block; position:relative; padding:5px 0 5px 10px; }
.popFullmenu .depth02 .group > li > a:before { content:""; position:absolute; left:0; top:14px; width:2px; height:2px; border-radius:50%; background:#fff; }
.popFullmenu .depth02 .group > li > a:after { content:""; position:absolute; left:0; bottom:0; width:0px; height:1px; background:rgba(255,255,255,0.5); }
.popFullmenu .depth02 .group .group {background:rgba(255,255,255,0.2); margin:10px; padding:10px; overflow:hidden;}
.popFullmenu .depth02 .group .group > li > a {display:block; position:relative; padding:3px 0 5px 12px; font-size:0.7rem;}
.popFullmenu .depth02 .group .group > li > a:before{content:""; position:absolute; left:0; top:11px; width:5px; height:1px; border-radius:50%; background:#fff;}
.popFullmenu h2 + .group > li:hover > a {background:#3662c2; color:#fff;}
.popFullmenu .depth02 > .group > li > a:hover{ color:#acecff;}
.popFullmenu .depth02 > .group > li > a:hover:after{width:100%;}
.popFullmenu .depth02 > .group > li > a:hover:before{background:#acecff;}
.popFullmenu .depth02 .group .group > li > a:hover{text-decoration:underline;}
.popFullmenu .depth02 strong { font-weight:inherit; }
.popFullmenu a,
.popFullmenu *:after,
.popFullmenu *:before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
#fullmenuClose{position:absolute; right:20px; top:20px; width:40px; height:40px; background:url('/resources/images/T3_H_layout/fullmenu_btn_close_wh.png') no-repeat center;}
#fullmenuClose:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}

/* 새창 아이콘 */
.T3_Hheader #tm li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/resources/images/T3_H_layout/icon_blank.png') no-repeat; width:11px; height:11px; margin:-1px 0 0 0.4rem;}

/* footer */
.T3_Hfooter .area_footer { position:relative; background: #313138; }
.T3_Hfooter .box_footer { position:relative; max-width:1400px; margin:0 auto; padding:1.75rem 0 2.5rem; }/* 220421 수정 */

/* 푸터 메뉴 */
.T3_Hfooter .footer_link ul{ overflow:hidden; padding:0.5rem 0; margin-bottom: .7rem; }
.T3_Hfooter .footer_link li { float:left; }
.T3_Hfooter .footer_link li a { display:block; position:relative; margin-right:0.75rem; padding:0 0.75rem 0 0;  font-size:0.8rem; color:#fff; }
.T3_Hfooter .footer_link li:not(:last-child) a:before { content:""; display:block; position:absolute; top:0.6rem; right:0; width:1px; height:12px; background: rgba(237, 237, 237, 0.2); }
.T3_Hfooter .footer_link li a:hover { text-decoration:underline; }
.T3_Hfooter .footer_link li a strong { font-weight:400; color:#5da7ff; }

.T3_Hfooter .box_footer .box_info { position:relative; font-size:0.75rem; word-break:keep-all; padding-left:9.15rem; }
.T3_Hfooter .box_footer .box_info .ft_logo { position:absolute; top:0; left:0;}
.T3_Hfooter .box_footer .box_info address { color:#fff; }
.T3_Hfooter .box_footer .box_info .copyright { color:#969696; }

/* 상단이동 */
.btn_top { display:none; position:fixed; bottom:1rem; right:1rem; z-index:99; width:2.5rem; height:2.5rem; text-align:center; color:transparent; background:rgb(0,152,203);
	background:-moz-linear-gradient(180deg, rgba(0,152,203,1) 0%, rgba(0,189,202,1) 100%);
	background:-webkit-linear-gradient(180deg, rgba(0,152,203,1) 0%, rgba(0,189,202,1) 100%);
	background:linear-gradient(180deg, rgba(0,152,203,1) 0%, rgba(0,189,202,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0098cb",endColorstr="#00bdca",GradientType=1); }
.btn_top i { color:#fff; font-size:1rem; line-height:2.5rem; -webkit-animation:scrollTop 1s infinite linear; animation:scrollTop 1s infinite linear; }
.btn_top:hover,
.btn_top:focus { font-weight:400; }

@-webkit-keyframes scrollTop {
	0% {transform:translateY(0); -webkit-transform:translateY(0);}
	100% {transform:translateY(-10px); -webkit-transform:translateY(-10px);}
}
@keyframes scrollTop {
	0% {transform:translateY(0); -webkit-transform:translateY(0);}
	100% {transform:translateY(-10px); -webkit-transform:translateY(-10px);}
}

/*===================================== 서브 =========================================*/
/* SubLayout */
#sub_container_wrap{padding-top:0;}
.sub_content_wrap{width:100%; max-width:100%;}
.sub_visual { position: relative; }
.sub_visual img { position: relative; width: 100%; height: 10.95rem; overflow: hidden; transform: translateX(-50%); left: 50%; }
.sub_visual p{ position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); font-family: 'GmarketSans'; font-size:1.5rem; line-height:1.5; color:#fff; text-align:center; word-break: keep-all; width: 100%; padding: 0 1rem; } /*220428 수정*/
.sub_visual p span { display: block; font-size: 1.2rem; line-height: 1.2; margin-top: .5rem; } /*220428 수정*/

#sublnb{position: absolute; left:0; top:-3rem;; width:100%; height:3rem; background:rgba(0,0,0,0.5); z-index:10;}
#sublnb h2{display:none;}
#sublnb nav{position:relative; width:100%; height:3rem; max-width:1400px; margin:0 auto;} 
#sublnb nav:after{display:block; clear: both; content:"";}
#sublnb nav .home{display:block; width:3rem; height:3rem; font-size:1rem; color:#fff; line-height:3rem; padding:0; background:#5193e9; text-align:center; float:left;}
#sublnb .lnb01 {position: relative; float:left; transition: all .25s ease; -webkit-transition: all .25s ease;}
#sublnb ul {padding-top: 3rem; height: 0;}
#sublnb ul > li {width: 100%; min-width: 290px; height: 3rem; line-height:3rem; background:#2258bb; opacity: 0; visibility: hidden; transition: all .25s ease; -webkit-transition: all .25s ease;}
#sublnb ul > li a{display:block; color:#fff !important; padding:0 1rem; border-top: 1px solid rgba(255, 255, 255, 0.2);}
#sublnb ul > li.active {position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; background:none; border-right:1px solid rgba(255,255,255,0.5)}
#sublnb ul > li.active > a {position: relative; color:#fff; border-top: none;}
#sublnb ul > li.active ul{opacity: 1; visibility: visible;} 
#sublnb ul > li.active.depCt > a:before{content:"\e935"; position: absolute; right:0.5rem; top:0; font-family: 'xeicon'; color:#fff; font-size:0.5rem; }
#sublnb ul.open > li.active.depCt > a:before{content:"\e92f"}
#sublnb ul.open {height:auto}
#sublnb ul.open > li{opacity: 1; visibility: visible; background:#2258bb;}
#sublnb ul.open > li.active{ background:#3773e0;}
#sublnb .lnb01 ul {position: absolute; top: 0; left: 100%; opacity: 0; visibility: hidden; transition: all .25s ease; -webkit-transition: all .25s ease;}
#sublnb .lnb01 > li{border-bottom:0; border-top:0; }
#sublnb .lnb01 > li > a{padding:0 1rem;}
#sublnb .lnb01 > li.open > a { border:none; box-shadow:none; background:#3773e0; font-weight: normal;} 

/* sub 타이틀 */
#sub_content{ position:relative; width:100%; float:none;}
#sub_content .title_area{ position: relative; max-width:1400px; margin:0 auto; padding:3rem 0 1.5rem; border-bottom:0;} /* 220428 수정 */
#sub_content .title_area:after { content:""; display:block; clear:both; }
.title_area .pageTitle{text-align:center; background:url('/resources/images/T3_H_layout/pt_slide.gif') repeat-x center;}
.title_area .pageTitle span{padding:0 1rem; background:#fff;}
.subCntBody{max-width:1400px; margin:0 auto; padding: 0 0 3rem 0;}
.title_area .location { display:block; position:absolute; top:-2.65rem; right:0;  font-size:0.8rem; }
.title_area .location span { color:#cecece; } /* 220428 수정 */
.title_area .location span, 
.title_area .location strong { display:inline-block; padding-left:1rem; background:url('/resources/images/T3_H_layout/icon_location_arrow.png') no-repeat 0.4rem 0.43rem; font-weight:400; }
.title_area .location strong { font-weight:400; color:#fff; } /* 220428 수정 */
.title_area .location a.home { display:inline-block; width:20px; height:17px; vertical-align:middle; }
.title_area .location a.home img { width:100%; height:100%; vertical-align:top; }
.title_area .pageTitle { font-family:"GmarketSans"; font-weight:400; font-size:1.5rem; letter-spacing:-0.01rem; color:#000; line-height:1.8rem; }

/* sns */ 
.snsBox { display:block; position:absolute; top:.8rem; right: 1rem; width:auto; height:auto; z-index: 12; }
.snsBox:after { content:""; display:block; clear:both; }
.snsBox button { float:left; overflow:hidden; width:1.5rem; height:1.5rem; padding:0; background-image:url('/resources/images/T3_H_layout/btnSns.png'); background-repeat:no-repeat; background-position:center; color:transparent; }
.snsBox .btnShare { background-image:url('/resources/images/T3_H_layout/btn_sns.png'); }
.snsBox .btnPrint { margin-left:1.5rem; background-image:url('/resources/images/T3_H_layout/btn_print.png'); }
.snsBox .btn_F { background-position:0 0 ; }
.snsBox .btn_T { background-position:-40px 0 ; }
.snsBox .btn_Y { background-position:-80px 0 ; }
.snsBox .btn_B { background-position:-120px 0 ; }
.snsBox .btn_K { background-position:-160px 0 ; }
.snsBox .btn_In { background-position:-200px 0 ; }
.snsBox .btn_Ks { background-position:-240px 0 ; }
.snsBox .sns_more { opacity:0; pointer-events:none; position:absolute; width:200px; height:2rem; right:2.35rem; top:-4px; padding:0.1rem 0.5rem; font-size:0; line-height:0; border:1px solid #377bdf; z-index:30; background:#fff; border-radius:1.5rem; z-index:0; box-shadow:1px 1px 0.2rem rgba(0,0,0,0.3); transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; overflow:hidden; }
.snsBox .sns_more.open { width:303px; opacity:1; z-index:2; }
.snsBox .sns_more button { width:2rem; }
.snsBox > button:hover,
.snsBox > button:focus{opacity: 1;}

/*===================================== 서브 =========================================*/

@media (max-width:1780px){
	/*.T3_Hheader .logo { left: 1rem; }220429 수정*/
	#gnb .wrap {}
}

@media (max-width:1420px) {

	.container,
	#sub_content { max-width:none; width:96%; margin: auto; }
	
	.T3_Hheader .logo { left: 1rem; } /*220429 수정*/

	/* gnb 버튼영역 */
	.T3_Hheader .gnb_btn{right:0.25rem; margin-right:0;}

	/* footer */
	.T3_Hfooter .box_footer { max-width:none; width:96%; padding: 1.5rem 0; }
}

@media (max-width:1420px){
	/* 220422수정 langage */
	.langBox{right:0; margin-right:0;}
}

/********** media query mobile *************/
@media (max-width:1280px) {

	.T3_Hfooter .footer_link { border-bottom:none; }
	.T3_Hfooter .footer_link ul { border-right:none; }
}

@media (max-width:1200px) {
	
	#wrap { min-width:280px; overflow:visible; width:100%; height:100%; }
	
	/** Header **/
	.T3_Hheader { min-width:280px; height:6.5rem; position:relative; top:auto; left:auto; background-image:none; border-bottom:1px solid #ccc;}
	.T3_Hheader.gnbTpop { height:4.5rem; }
	#gnb .wrap { display:none; }
	.T3_Hheader .logo { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } 

	#totalSearch{display:none;}

	/* 전체메뉴 */
	.T3_Hheader .fullmenu{ width:45px; height:45px; border:1px solid #333; padding:10px; margin-top:0; }
	.T3_Hheader .fullmenu span{height:2px;}

	/* 모바일검색 */
	.T3_Hheader .search_btn{display:block; }
	.T3_Hheader .search_btn button{position:absolute; left:2%; top:1rem; width:45px; height:45px; line-height:45px; font-size:1.4rem; color:#333; border:1px solid #333; z-index: 20;}
	.T3_Hheader .search { position:absolute; right:0; top:4.5rem; z-index:200; width:100%; margin:0; padding:1rem; background:rgba(0,0,0,0.85); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	.T3_Hheader .search h2 { margin-bottom:0.5rem; color:#fff; font-weight:400; font-size:1.25rem; }
	.T3_Hheader .search_wrap { display:block; position:relative; padding-right:5rem; }
	.T3_Hheader .search input { width:100%; height:2.5rem; line-height:2.5rem; padding-left:2%; font-weight:400; font-size:0.8rem; color:#555; border:none; }
	.T3_Hheader .search input::-webkit-input-placeholder { color:#555; }
	.T3_Hheader .search a.btn_top_sear { display:block; position:absolute; right:0; top:0; width:5rem; height:2.5rem; line-height:2.6rem; text-align:center; color:#fff; font-size:1.5rem; background:#3662c2; }
	.T3_Hheader .search_close { position:absolute; left:2%; top:-3.5rem; }
	.T3_Hheader .search_close button { display:block; overflow:hidden; width:45px; height:45px; line-height:48px; font-size:1.3rem; padding:0; border:1px solid #555; background:#fff; }
	.T3_Hheader .search_btn button { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
	 
	/* gnb 버튼영역 */
	.T3_Hheader .gnb_btn{top:1.2rem; right:2%;}
	.T3_Hheader .gnb_btn .tpop_control{position:fixed; right:1rem; bottom:1rem;}
	.T3_Hheader .gnb_btn .tpop_control a{ width:3rem; height:3rem; opacity:0.85;}
	.T3_Hheader .gnb_btn .tpop_control a:hover,
	.T3_Hheader .gnb_btn .tpop_control a:focus{opacity:1;}

	/* footer */
	.btn_top { width:3rem; height:3rem; line-height:3rem; }

	/************ 서브 ************/		
	.sub_content_wrap, #sub_content, .subCntBody, #menu h2 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

	/* content */
	#sub_container_wrap, .sub_content_wrap { width:100%; }	
	#sub_container_wrap { padding-top:0; }
	#sub_container_wrap:before { display:none; }
	.sub_content_wrap { margin:0 auto; }
	#sub_content { width:100%; margin:0; padding:0 2.5%; }
	/*#sub_content .title_area { padding-right:3rem; padding-bottom:0.8rem; } 220428 수정*/
	.subCntBody { width:100%; }

	/* 로케이션 */
	.title_area .location { display:inline-block; position:relative; top:auto; right:auto; margin-top:0.5rem; font-size:0.7rem; }
	.title_area .location a.home { width:15px; height:12px; }
	.title_area .location span,
	.title_area .location strong { background-size:5px; }

	/* sns */
	.snsBox .sns_more { right: 0; }
	.snsBox .btnPrint { display:none; }
	.snsBox { bottom:2.5rem; }
	
	
}
@media (max-width:1024px) {
	.T3_Hheader .logo { top: 0.3rem; }

	/* 전체메뉴 */
	.popFullmenu h2 { font-size:1.25rem; font-weight:600; margin-bottom:1rem; padding-left:0.5rem;}
	.popFullmenu h2 + .group > li { width:100%; margin:0;}
	.popFullmenu h2 + .group > li > a {  background:none; color:#fff; font-size:1rem; }
	.popFullmenu h2 + .group > li.dep > a { position:relative; padding-right:1.5rem; }
	.popFullmenu h2 + .group > li.dep > a:before { content:'\e942'; position:absolute; right:0.5rem; top:0.5rem; font-family:'xeicon'; color:#fff; }
	.popFullmenu h2 + .group > li.dep.active > a:before { transform:rotate(180deg); -webkit-transform:rotate(180deg); }
	.popFullmenu .depth02 { margin:1rem 0.5rem; padding:1rem; background:rgba(255,255,255,0.1); }
	.popFullmenu .depth02 .group > li.dep { position:relative; }
	.popFullmenu .depth02 .group > li.dep:after { content:'\e914'; position:absolute; right:0; top:0.2rem; font-family:'xeicon'; color:#fff; font-size:1rem; }
	.popFullmenu .depth02 .group > li.dep.active:after { content:'\e91b'; }
	.popFullmenu .depth02 .group > li.dep > a { padding-right:1rem; }
	.popFullmenu .depth02,
	.popFullmenu .depth03 {display:none;}
	#fullmenuClose { top:0.5rem; right:0; }

	/*footer*/
	.T3_Hfooter .box_footer .box_info .ft_logo { position:relative; top:auto; left:auto; }
	.T3_Hfooter .box_footer .box_info { padding-left:0; }


	/************ 서브 ************/
	.subCntBody { padding: 1rem 0 3rem; }

    #sub_content .title_area{border-bottom:1px dashed #ccc; padding:1.5rem 0 1rem; }
    .title_area .pageTitle{text-align:left; background:none;}
    .title_area .pageTitle span{padding:0;}

    #sublnb ul li{min-width:100%;}
    #sublnb ul:not(.mobLnb) > li.active > a{display:none;}
    #sublnb ul{width:calc(100% - 6rem);}
    #sublnb .lnb01 ul{left:0%; width:100%;}
    #sublnb ul > li.active{border-right:0;}
    #sublnb ul > li.active.depCt > a:before{right:1rem;}

	.snsBox .sns_more.open { width: 275px; }


}

@media (max-width:680px){

	.T3_Hheader .logo { top: 0.5rem; }
	.T3_Hheader .logo img { width: 80px; height: auto; }

	.subCntBody { position:relative; }

	.T3_Hheader .gnb_util .lst{ display:none; }
	
	/** Header **/
	.T3_Hheader { height:6rem; }
	.T3_Hheader.gnbTpop { height:4rem; }
	.T3_Hheader .search_btn button,
	.T3_Hheader .gnb_btn{top:0.75rem;}
	.T3_Hheader .search{top:4rem;}
	.T3_Hheader .search_close{top:-3.25rem;}

	/* footer */
	.T3_Hfooter .footBtn { float:none; width:auto; }
	.T3_Hfooter .footBtn + .footBtn { margin-left:0; margin-top:0.5rem; }
	.T3_Hfooter .box_footer .box_info .ft_logo img { width: 100px; height: auto; }
}

@media (max-width:580px){
	/* sub 타이틀 */
	.title_area .location { margin:0.8rem 0 0.4rem; }
	.title_area .pageTitle { font-size:1.2rem; letter-spacing:-1px; }
}


@media (max-width:480px) {
	.T3_Hheader .logo img { width: 70px; }

	.T3_Hheader{height:5.5rem;}
	.T3_Hheader.gnbTpop { height:3.5rem; }

	/* 모바일검색 */
	.T3_Hheader .search_btn button,
	.T3_Hheader .search_close button{width:38px; height:38px; line-height:40px; font-size:1.2rem;}
	.T3_Hheader .search{top:3.5rem;}
	.T3_Hheader .search_close{top:-2.75rem}

	/* 전체메뉴 */
	.T3_Hheader .fullmenu{width:38px; height:38px; padding:9px 8px;}
	.T3_Hheader .fullmenu span{margin:2px 0;}

	/* sns */
	.T3_Hheader .gnb_util .sns { display:none; }

	/* 서브 */
	.sub_visual p{font-size:1.1rem; top: 2.2rem;} /*220428 수정*/
	.sub_visual p span { font-size:.9rem; } /*220428 수정*/
	.sub_visual img { height: 8.95rem; }

	.snsBox .sns_more.open { width: 249px;} 
	.snsBox .sns_more button { width: 1.8rem;}

	
}

@media (max-width:380px) {

	/* header */
	.T3_Hheader .search_wrap { padding-right:3rem; }
	.T3_Hheader .search a.btn_top_sear { width:3rem; }

	/* 서브 */
    .snsBox .btnShare{background-size:1rem auto;}

    #sublnb nav .home{ display: none; }
    #sublnb ul{width:calc(100% - 3rem)}
    #sublnb ul > li.active.depCt > a:before{right:0.5rem;}
	
}