@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width:100%; height:100%; position:fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}


.main_b {text-align:center;}
.main_b p {border:1px solid #ccc; display:inline-block;}
.main_b .web_dis {display:block;}
.main_b .mb_dis {display:none;}

.quick_wrap {transition:all 0.3s 0s ease-in-out; z-index:999; position:fixed; right:10px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%);}
.quick_wrap > ul {transition:all 0.3s 0s ease-in-out;}
.quick_wrap > ul > li {padding:2px;}
.quick_wrap .m_bt {padding:2px 2px 3px 2px; transition:all 0.3s 0s ease-in-out; transform:translateX(100px); -wbkit-transform:translateX(100px); }
.quick_wrap .m_bt > button {display:block; width:55px; height:55px; outline:none; background:url(../img/main/q_open.png) no-repeat left top;}
.quick_wrap .m_bt > button.on {background:url(../img/main/q_close.png) no-repeat left top;}
.quick_wrap > ul.on  {transform:translateX(0px); -wbkit-transform:translateX(0px);}

.chatting_q {transition:all 0.3s 0s ease-in-out; z-index:999; position:fixed; right:10px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%);}
.chatting_q > p {transition:all 0.3s 0s ease-in-out;  border-radius:100%; overflow:hidden; box-shadow:1px 2px 3px #ccc;}
.chatting_q a {display:block; width:76px; height:76px; background:#3084d8}


/* 980px 이상 */
@media screen and (min-width:980px) {
	.quick_wrap > ul {transform:translateX(0px); -wbkit-transform:translateX(0px);}
    .chatting_q > p {transform:translateX(0px); -wbkit-transform:translateX(0px);}
}

/* 980px 이하 */
@media screen and (max-width:979px) {
	.quick_wrap > ul {transform:translateX(100px); -wbkit-transform:translateX(100px);}
    .chatting_q > p {transform:translateX(100px); -wbkit-transform:translateX(100px);}
	.quick_wrap .m_bt {transform:translateX(0px); -wbkit-transform:translateX(0px); }
}

/* 480px 이하 */
@media screen and (max-width:479px) {
	.quick_wrap > ul > li img {width:40px;}
	.quick_wrap .m_bt > button {width:40px; height:40px; background-size:cover !important}
}





/* header */
#header {width:100%; position:fixed; background:#fff; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; border-bottom:1px solid #cccccc;}
.in_header {max-width:1660px; width:100%; height:100px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9; color:#fff;}
#header h1 {position:absolute; left:10px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); overflow:hidden; transition:all 0.3s 0s ease-in-out; z-index:10 }

#header .top_btns {overflow:hidden; position:absolute; right:10px; top:50%; transform:translateY(-50%); padding-bottom:1px;}
#header .top_btns > li {float:left; margin-left:25px; position:relative;}

#header .top_btns > li:first-child {padding-left:0px; margin-left:0px;}
#header .top_btns > li:first-child:before {display:none;}
#header .top_btns > li .ico {display:inline-block; line-height:20px; padding:2px; vertical-align:top; margin-right:2px;}
#header .top_btns > li .m_topbtn {line-height:20px; font-weight:300; color:#000000; font-size:16px;}

/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:100px; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:70px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1400px; margin:0 auto;}
.inner:after { clear:both; content:""; display:block;}
.bg_wrap {background:#f2f2f2}




.m_gnb_on {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:none; }
.m_gnb_on .menu_btn {margin:0 auto;}





/* GNB */
.w_gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb {margin:0 auto; box-sizing:border-box; padding:0px 450px 0px 330px;} /*230414 상단 카달로그 아이콘 추가 관련 회사소개,제품소개 등 왼쪽으로 350 -> 450 */
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {display:flex; justify-content:space-around; text-align:center; margin:0 auto; max-width:800px; position:relative}
.w_gnb .gnb > ul > li {text-align:left; padding-left:35px; vertical-align:top; flex:1;}

.w_gnb .gnb > ul > li > a {display:block; color:#fff;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; box-sizing:border-box; font-size:22px; font-weight:400; line-height:100px; height:100px; color:#000000; transition:all 0.2s 0s ease-in-out; position:relative;}
.w_gnb .gnb > ul > li > a > span:after {display:block; content:""; width:0%; height:5px; background:#156ec5; position:absolute; left:50%; bottom:0%; transform:translateX(-50%); transition:all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li.on > a > span {color:#156ec6;}
.w_gnb .gnb > ul > li:hover > a > span {color:#156ec5;}
.w_gnb .gnb > ul > li:hover > a > span:after {width:100%}


.w_gnb .gnb05 .sub_menu {padding-right:440px; max-width:780px} 

.gnb > ul > li.gnb08 {display:none !important;}
.gnb > ul > li.gnb09 {display:none !important;}



.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; width:980px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding:20px 0px 20px 0; box-sizing:border-box;}
.w_gnb .sub_menu > ul {display:flex; flex-wrap:wrap; justify-content:space-between}
.w_gnb .sub_menu > ul > li {box-sizing:border-box; text-align:left; box-sizing:border-box; padding:20px 0px 10px 37px;}
.w_gnb .sub_menu > ul > li > a {display:block; text-align:left; font-size:22px; font-weight:600; color:#000000; padding:3px 0px; line-height:130%;}
.w_gnb .sub_menu .three_depth {padding:10px 10px 10px 0px; box-sizing:border-box;}
.w_gnb .sub_menu .three_depth > li {margin-top:7px;}
.w_gnb .sub_menu .three_depth > li > a {display:block; position:relative; font-size:22px; color:#666666; line-height:140%; font-weight:400; text-align:left;}
.w_gnb .sub_menu .three_depth > li > a:hover {color:#156ec6}


.check_boxW { border:1px solid #dadada; padding:15px 10px;}




#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; z-index:8; border-top:1px solid #e5e5e5 }

.gnb_bar_in {max-width:1300px; margin:0 auto; box-sizing:border-box; background:#fff;  z-index:9; position:relative;}

.gnb_bar_in > span {font-size:36px; color:#343434; line-height:140%; position:absolute; left:30px; top:45px; z-index:9; font-weight:600; cursor:default}
.gnb_bar_in .txt_s {font-size:16px; color:#343434; line-height:140%; position:absolute; left:30px; top:105px; z-index:9; font-weight:300}
.gnb_bar_in .sub_menu {display:block !important; }





.slide_menu_wrap {width:80%; max-width:500px; box-sizing:border-box; height:100%;  z-index:99999; position:fixed; right:-90%; top:0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height:100%; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background:#343434; }
.slide_menu_inner .top_menu {background:none; display:block;}
.slide_menu_inner .top_btns {overflow:hidden; display:none; padding:0px 0px 20px 0px; margin:-5px; float:none; background:none;}
.slide_menu_inner .top_btns > li {float:left; width:50%; box-sizing:border-box; padding:5px;}
.slide_menu_inner .top_btns > li > a {display:block; line-height:140%; font-weight:100; padding:10px; border:1px solid #fff; color:#fff;  font-size:15px; text-align:center}
.slide_menu_inner .top_btns > li > a .ico {display:none;}
.slide_menu_inner .top_btns > li a:before {display:none;}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position:absolute; right:20px; top:20px; z-index:99998}
.all_close button {background:none; border:none; outline:none; /*width:26px; height:26px;*/ padding:0px; margin:0px; }
.all_close .menu_btn {height:20px !important; width:30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #474747; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out; border-bottom:1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:33px; font-size:18px; color:#fff; padding:10px 10px 10px 25px; background:url(../img/common/g_plus.png) no-repeat right center; font-weight:500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background:url(../img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display:none; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu > ul > li > a {position:relative; display:block; line-height:23px; padding:5px 10px 5px 35px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu > ul > li > a:before {display:block; content:""; width:3px; height:3px; background:#fff; opacity:0.7; position:absolute; left:25px; top:50%; margin-top:-2px;} 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display:block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color:#d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb .sub_menu > ul > li .three_depth {background:#000; display:none;}
.slide_menu_wrap .gnb .sub_menu > ul > li .three_depth li > a {position:relative; display:block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color:#d6d6d6;} 



/* visual */
#section1 { padding:0px;}
.main_visual {width:100%; overflow:hidden; position:relative;}
.main_visual .bxslider > li {background-size:cover !important}

.main_visual .bxslider > li .bg_img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1920px; height:600px; }
/*
.main_visual .bxslider > li.active .bg_img img {transform:scale(1.05); transform-origin:50% 50%; transition:all 3s 0s ease-in-out; }
.main_visual .bxslider > li.active .visual_txt {margin-top:-50px; opacity:1; color:#fff; transition:all 0.8s 0s ease-in-out; }
*/
.main_visual .v_frame {width:100%; max-width:1400px; margin:0 auto; position:relative; display:table;}
.main_visual .v_frame .cell {height:500px; box-sizing:border-box; padding:0px 0px 20px 10px; display:table-cell; vertical-align:middle; position:relative; vertical-align:top; padding-top:6%;} 
.main_visual .v_frame .cell .visual_txt.one {text-align:right; color:#fff; font-weight:100;}
.main_visual .v_frame .cell .visual_txt.one .txt_t {font-weight:100; font-size:56px;}
.main_visual .v_frame .cell .visual_txt.one .txt_tw {font-weight:500; font-size:35px;}
.main_visual .v_frame .cell .visual_txt.one .txt_t:after {display:none}
.main_visual .v_frame .cell .visual_txt.one .txt_t > strong {font-weight:600;}
.main_visual .v_frame .cell .visual_txt.one .img {padding-bottom:20px;}
.main_visual .v_frame .cell .visual_txt.one .img2 {align:top;}
.main_visual .v_frame .cell .visual_txt.two {color:#0a3772;}
.main_visual .v_frame .cell .visual_txt.two .bt > a {color:#0a3772; border-color:#0a3772}
.main_visual .v_frame .cell .visual_txt.two .bt > a > span {color:#0a3772; }
.main_visual .v_frame .cell .visual_txt {font-size:21px; line-height:140%;}
.main_visual .v_frame .cell .visual_txt .txt_t {font-size:63px; font-weight:600; line-height:130%;}
.main_visual .v_frame .cell .visual_txt .txt_t:after {display:block; content:""; width:50px; height:1px; margin:20px 0px; background:#000;}
.main_visual .v_frame .cell .visual_txt .txt {font-size:26px; font-weight:400; line-height:140%;}
.main_visual .v_frame .cell .visual_txt .bt {padding-top:30px;}
.main_visual .v_frame .cell .visual_txt .bt > a {display:block; width:220px; box-sizing:border-box; border:1px solid #000; border-radius:60px; text-align:center}
.main_visual .v_frame .cell .visual_txt .bt > a > span {display:inline-block; line-height:48px; font-size:18px; font-weight:500; color:#000;}

.main_visual .v_frame img {max-width:100%;}
.main_visual .v_frame .m_visual {display:none;}
.main_visual .v_bt {display:inline-block; vertical-align:top; border-radius:100%; width:40px; height:40px; box-sizing:border-box; z-index:99;}







.main_visual .v_txt {text-align:right; position:absolute; width:100%; left:0%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main_visual .v_txt img {margin-right:-200px;}
.main_visual li.on .v_txt {opacity:1; transition:all 0.8s 0s ease-in-out; margin-top:-20px;}

.main_visual .bx-controls {text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:20px; width:100%; max-width:1400px; box-sizing:border-box; z-index:99;}
.main_visual .bx-wrapper .bx-pager {position:relative; width:auto !important; left:auto; bottom:auto; display:inline-block; vertical-align:top; padding:7px 10px 0px 0px; z-index:99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:relative; bottom:auto; display:inline-block; right:auto; width:24px; height:18px; text-align:center; padding-top:10px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; z-index:99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align:top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:#fff; border:none; -moz-border-radius:14px;  -webkit-border-radius:14px; border-radius:14px; box-sizing:border-box; position:relative;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity:0.5; background:#fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1; width:34px;  background:#fff;}
.main_visual .bx-wrapper .bx-controls-auto .active {display:none;}

#section2 {background:#f8f9fa}


.bt_play_wrap {position:relative;}
.bt_play {width:72px; height:72px; background:url(../img/common/play_bt.png) no-repeat left top; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2}

.video_wrap {position:relative; padding-bottom:56%;}
.video_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}

.youtube_wrap {position:relative; padding-bottom:56%;}
.youtube_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}

.mont {font-family:'Montserrat', sans-serif;} 
.mont strong {font-family:'Montserrat', sans-serif;} 




.mont {font-family:'Montserrat', sans-serif;} 
.mont strong {font-family:'Montserrat', sans-serif;} 



/* section */
.section {padding:70px 0px; font-size:17px; line-height:140%; word-break:keep-all; color:#333333; font-weight:300;}

.main_tab_ban {position:relative; padding-top:20px;}
.main_tab_ban > ul { display:flex; flex-wrap:wrap; margin:-9px;}
.main_tab_ban > ul > li {width:50%; box-sizing:border-box; box-sizing:border-box; padding:9px;}
.main_tab_ban > ul > li .box {display:block; border:1px solid #fff; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; padding:15px; text-align:center; box-shadow:0px 2px 25px rgba(0, 0, 0, 0.1); border-radius:0px 20px 20px 20px; background:#fff; position:relative;}
.main_tab_ban > ul > li .box .type {display:inline-block; position:absolute; left:-1px; top:-1px; height:35px; line-height:35px; color:#fff; font-size:16px; min-width:151px; padding:0px 10px; box-sizing:border-box; text-align:center; background:#156ec6; z-index:2}
.main_tab_ban > ul > li .box .txt_t {display:block; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; font-weight:400; font-size:26px; line-height:130%;}
/*.main_tab_ban > ul > li .box .txt {display:block; color:#999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }*/
.main_tab_ban > ul > li .box .txt {display:block; color:#999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; font-size : 16px } /* font-size : 16px 추가함(20220519) */
.main_tab_ban > ul > li .box .price {text-align:right; color:#000; padding-top:15px;}
.main_tab_ban > ul > li .box .price .mont {font-size:1.5em; line-height:140%; font-weight:600; color:#156ec6}
.main_tab_ban > ul > li .box .pic {max-width:70%; margin:0 auto;}
.main_tab_ban > ul > li .box .pic > span {display:block; padding-bottom:100%; position:relative; overflow:hidden}
.main_tab_ban > ul > li .box .pic img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%;}
.main_tab_ban > ul > li .box:hover { border-color:#156ec6;}
.main_tab_ban > ul > li .best {height:100%;} 
.main_tab_ban > ul > li .best .box {height:100%; padding:20px 20px 15px 30px; display:flex; flex-wrap:wrap; align-items:flex-end;} 
.main_tab_ban > ul > li .best .box .pic {width:100%; max-width:91%;} 
.main_tab_ban > ul > li .best .box .txt_t {font-size:30px;} 
.main_tab_ban > ul > li .best .box .price {text-align:right; width:100%; } 
.main_tab_ban > ul > li .best .box .info {text-align:left; padding-top:40px;} 


.main_tab_ban .more {top:-75px;}
.main_tab_ban > ul > li:first-child {width:50%;}
.main_tab_ban > ul > li .list {display:flex; flex-wrap:wrap; margin:-9px;}
.main_tab_ban > ul > li .list > li {width:50%; box-sizing:border-box; padding:9px;}
.main_tab_ban > ul > li .list > li > .box {padding-top:40px;}

.tab_top {padding-bottom:20px; text-align:left; padding-right:200px;}
.tab_top .tab {display:flex; flex-wrap:wrap;}
.tab_top .tab > li {box-sizing:border-box; width:225px; padding:0px 2px;}
/*.tab_top .tab > li > a {display:block; height:75px; line-height:130%; border-radius:60px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; font-weight:400; padding:0px 5px; color:#cccccc; font-size:24px; box-sizing:border-box; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1); background:#fff;}*/
.tab_top .tab > li > a {display:block; height:75px; line-height:130%; border-radius:60px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; font-weight:400; padding:0px 5px; color:#828282; font-size:24px; box-sizing:border-box; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1); background:#fff;}
.tab_top .tab > li > a .ico {display:inline-block; position:relative; overflow:hidden}
.tab_top .tab > li > a .ico .pa {position:absolute; left:0px; top:0px; opacity:0;}
.tab_top .tab > li.on > a {color:#fff; background:#156ec6}
.tab_top .tab > li.on > a .ico img {opacity:0;}
.tab_top .tab > li.on > a .ico img.pa {opacity:1;}


.main_gallery_wrap {position:relative;}
.main_gallery_wrap .more {top:-70px;}
.main_gallery {display:flex; flex-wrap:wrap; margin:5px;}
.main_gallery > li { width:33.33333%; box-sizing:border-box; padding:5px;}
.main_gallery .box {display:block; border-radius:20px; overflow:hidden; padding:25px 20px; background:#f8f9fa; transition:all 0.3s 0s ease-in-out;}
.main_gallery .box:hover {box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1); background:#fff;}
.main_gallery .box .pic {display:block; position:relative; overflow:hidden; transition:all 0.3s 0s ease-in-out; padding-bottom:63.260%; border-radius:8px; }
.main_gallery .box .pic img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.main_gallery .box .date {display:block;color:#999999; font-weight:400; padding-top:5px;}
.main_gallery .box .view {display:block;color:#156ec6; font-weight:500; padding-top:15px;}
.main_gallery .box .txt_t {display:block; color:#000000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:24px; font-weight:600; margin-top:15px;}




.main_banner {display:flex; flex-wrap:wrap; margin:0px -22px; padding:30px 0px;}
.main_banner .box {width:50%; box-sizing:border-box; padding:22px; display:flex; flex-wrap:wrap; }
.main_banner .box:first-child {justify-content:flex-end; text-align:right}
.main_banner .box:first-child .img {align-self:flex-end;}
.main_banner .box .txt {font-size:20px; line-height:150%; color:#999999; width:100%;}
.main_banner .box .txt .txt_t {font-size:1.8em; line-height:150%; color:#000; padding-bottom:25px; }
.main_banner .box .txt .txt_t > strong {font-weight:600;}
.main_banner .box .txt .txt_s > strong {font-weight:400; color:#666666; }
.main_banner .box .img {padding-top:50px}
.main_banner .box:nth-child(2) .img {padding-top:0px;}
.main_banner .box:nth-child(2) .txt {align-self:flex-end}


.notice_roll_wrap {border:1px solid #ccc; border-radius:20px; margin:30px 0px;}
.notice_roll_in {box-sizing:border-box; margin:20px auto; padding:10px 120px 10px 140px; position:relative; height:45px; }
.notice_roll_in .plus {position:absolute; right:20px; top:50%; transform:translateY(-50%);}

.notice_roll_in > h3 {position:absolute; height:30px; line-height:30px; left:30px; top:8px; font-size:20px; font-weight:600;}
.notice_roll_in .more_view {position:absolute; right:0px; top:0px; height:100%; display:table; width:65px;}
.notice_roll_in .more_view > a {display:table-cell; vertical-align:middle; height:100%;text-align:center; font-size:26px; color:#666; }

.notice_roll > li {box-sizing:border-box;}
.notice_roll > li > a {display:block; position:relative; line-height:24px;  font-size:20px; font-weight:300; color:#999999;}
.notice_roll > li > a > .txt {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; max-width:calc(100% - 130px); max-width:-webkit-calc(100% - 130px); vertical-align:top; color:#999999;}
.notice_roll > li > a > .date {display:inline-block; position:relative; margin-left:10px; padding-left:10px; vertical-align:top; color:#999999;}
.notice_roll > li > a > .date:before {display:block; content:""; width:1px; height:16px; position:absolute; left:0px; top:50%; margin-top:-8px; background:#eee;}

.notice_roll_in .bx-wrapper .bx-controls-direction a {top:0%; margin-top:0px; width:30px; height:30px; }
.notice_roll_in .bx-wrapper .bx-prev {left:auto; right:-25px; top:-2px !important; background:url(../img/main/arrow_b.png) no-repeat center center;}
.notice_roll_in .bx-wrapper .bx-next {left:auto; right:-50px; top:-2px !important; background:url(../img/main/arrow_t.png) no-repeat center center;}

.notice_roll_in .bx-wrapper .bx-controls-auto {position:absolute; z-index:999; right:-73px;  top:23px; bottom:auto;  width:21px;}
.notice_roll_in .bx-wrapper .bx-controls-auto .bx-start {width:21px; height:21px; background-position:-73px -8px; margin:0px; border:none; border-radius:0%;}
.notice_roll_in .bx-wrapper .bx-controls-auto .bx-stop {width:21px; height:21px; background-position:-74px -37px; margin:0px; border:none; border-radius:0%;}
.notice_roll_in .bx-wrapper .bx-controls-auto .active {display:none;}

#section4 {background:#f8f9fa}




.main_customer_center {padding:20px 0px;}
.main_customer_center .banner {display:flex; justify-content:space-between}
.main_customer_center .banner > li {width:33.3333%; max-width:280px;}
.main_customer_center .banner > li > a {display:block; color:#fff;}
.main_customer_center .banner > li > a > dl {padding-right:50px; background:url(../img/main/c_arrow.png) no-repeat right center; border-bottom:2px solid #0096ff; transition:all 0.3s 0s ease-in-out;}
.main_customer_center .banner > li > a > dl > dt {font-size:1.6em; color:#0096ff; padding-bottom:20px; font-weight:600; line-height:130%; transition:all 0.3s 0s ease-in-out;}
.main_customer_center .banner > li > a > dl > dt .ico {display:block; width:42px; position:relative; margin-bottom:5px;}
.main_customer_center .banner > li > a > dl > dt .ico img {transition:all 0.3s 0s ease-in-out;}
.main_customer_center .banner > li > a > dl > dt .ico .pa {opacity:0; position:absolute; left:0px; top:0px;}
.main_customer_center .banner > li > a > dl > dd {min-height:70px; opacity:0.7; padding-bottom:5px;}
.main_customer_center .banner > li > a:hover > dl {background:url(../img/main/c_arrow_on.png) no-repeat right center; border-bottom:2px solid #fff;}
.main_customer_center .banner > li > a:hover > dl > dt {color:#fff; }
.main_customer_center .banner > li > a:hover > dl > dt .ico img {opacity:0;}
.main_customer_center .banner > li > a:hover > dl > dt .ico img.pa {opacity:1;}
.main_customer_center .banner2 {padding-top:60px; }
.main_customer_center .banner2 dl {font-size:1.95em; line-height:130%; font-family:'Montserrat', sans-serif;}
.main_customer_center .banner2 dl dt {font-weight:100; font-family:'Montserrat', sans-serif;}
.main_customer_center .banner2 dl dd {font-weight:600; }
.main_customer_center .banner2 .time {font-weight:400; opacity:0.7; line-height:150%; }



#section5 {padding-bottom:0px;}
.section5_bg {padding:50px 10px; background:#262626; border-radius:40px 40px 0px 0px; color:#fff; }
.section5_bg .inner {max-width:1230px;}
.section5_bg .m_tit {color:#fff; font-size:36px;}
.section5_bg .m_tit_txt {color:#fff;}




@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
  
    
}
.more {right:0px; top:0px; position:absolute; padding-right:20px;}
.more:after {display:block; content:""; right:0px; top:0px; position:absolute; width:50px; height:50px; box-sizing:border-box; border:1px solid #156ec6; border-radius:100%; }
.more > a {display:inline-block; font-size:18px; font-weight:300; color:#156ec6; line-height:140%; padding-right:50px; background:url(../img/main/more.png) no-repeat right center; line-height:50px;}





.mb_tit {text-align:center; font-size:32px; color:#000; padding:50px 0px 25px 0px; line-height:150%; position:relative; font-weight:700; border-bottom:1px solid #e5e5e5}
.mb_tit:after {display:block; content:""; width:64px; height:7px; position:absolute; left:50%; bottom:0px; margin-left:-32px; background:#313747}
.m_tit {padding:0px 0px 20px 0px; color:#000000; text-align:center; font-size:46px; line-height:120%; font-weight:bold;}
.m_tit .small {display:block; color:#333333; font-size:28px; line-height:130%;}
.m_tit .ball {display:block; max-width:153px; margin:0 auto; line-height:56px; border-radius:60px; background:#21b500; color:#fff; text-align:center; font-size:21px; font-weight:500; position:relative; margin-bottom:10px;}
.m_tit .ball:after {display:block; content:""; width:0px; height:0px; border-right:6px solid transparent; border-top:6px solid #21b500; border-left:6px solid transparent; position:absolute; left:50%; top:100%; margin:0px 0px 0px -6px;}
.m_tit_txt {margin:0px 0px 30px 0px; word-break:keep-all; color:#666666; font-weight:300; font-size:20px; text-align:center; line-height:150%; display:block;}
.m_tit img {vertical-align:baseline;}



.line_tit {text-align:center; margin-top:40px; font-size:2em; color:#000; border-bottom:1px solid #e5e5e5; line-height:140%;}
.line_tit:after {display:block; content:""; width:64px; height:7px; margin:0 auto; margin-top:10px; background:#313747}





/* footer */
#footerW {clear:both; background:#f5f6f7; border-top:1px solid #ccc; padding:0px 0px 0px 0px; box-sizing:border-box; margin:0 auto; position:relative;}
#footerW.z_over {z-index:101; position:relative;}

#footer_navi {overflow:hidden; max-width:1400px; margin:0 auto; border-bottom:1px solid #6f737c}
#footer_navi > ul {font-size:0px; text-align:left; float:left; width:50%; box-sizing:border-box;padding:30px 0px;}
#footer_navi > ul li {display:inline-block; position:relative; vertical-align:top; padding-left:16px; margin-left:15px;}
#footer_navi > ul li:first-child {padding-left:0px; margin-left:0px;}
#footer_navi > ul li:after {display:block; content:""; width:1px; height:14px; background:#6f737f; position:absolute; left:0px; top:50%; margin-top:-7px;}
#footer_navi > ul li:first-child:after {display:none;}
#footer_navi > ul li a {display:block; font-size:16px; color:#fff; font-weight:300; line-height:28px; }


#footer { position:relative; }

#footer .addressW {max-width:1400px; margin:0 auto; padding:45px 0px 35px 380px; box-sizing:border-box; position:relative; font-size:18px; color:#333333; line-height:24px; font-weight:100; background:url(../img/common/logo.png) no-repeat left 50px;}
#footer .addressW .copy {padding-top:15px;}
#footer .addressW a {color:#fff}
#footer .addressW address {margin-left:-10px; line-height:130%;}
#footer .addressW address span {display:inline-block; vertical-align:middle; padding:2px 10px;}
#footer .addressW address .tel {display:block; color:#156dc4; font-size:43px; font-weight:600; line-height:100%; padding-bottom:5px;}
#footer .addressW address .line {width:1px; height:16px; background:#6f737f; padding:0px;}
#footer .go_top {position:absolute; right:10px; top:50px; z-index:99}
#footer .go_top > a {display:block;}
#footer .go_top > a > span {display:none; font-weight:100; font-size:14px; color:#fff}
#footer .bt_member {position:absolute; right:0px; top:30px;}
#footer .bt_member > a {display:block; border:2px solid #fff; border-radius:60px; width:170px; text-align:center; font-size:20px; font-weight:100; line-height:55px; text-indent:-15px;  color:#fff; background:url(../img/common/ico_pop.png) no-repeat 85% center; }

#footerW .copy {color:#666666; font-weight:100; font-size:16px;}



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



.sub_visual {width:100%; box-sizing:border-box; overflow:hidden; position:relative; background:url(../img/common/sub_visual.jpg) no-repeat center top; display:table; background-size:cover !important}
.sub_visual .sub_txt {display:table-cell; height:320px; box-sizing:border-box; vertical-align:middle; color:#fff; font-size:26px; line-height:130%;} 
.sub_visual .sub_txt > h2 {padding-bottom:0px; text-align:center; color:#fff;  padding-top:0px;} 
.sub_visual .sub_txt .txt1 {font-size:32px; line-height:140%; font-weight:100; padding-bottom:5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom:5px;}
.sub_visual .sub_txt .txt_s {max-width:1400px; margin:0 auto; font-size:24px; line-height:140%; font-weight:300; font-family:'locus_sangsang';}


.sub_wrap_2 {background:#f8f9fa}
.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background:url(../img/taekwondo/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background:url(../img/sports/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background:url(../img/sponsor/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background:url(../img/data_room/sub_visual.jpg) no-repeat center top;}
.sub_wrap_6 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center top;}
.sub_wrap_8 .sub_visual {background:url(../img/member/sub_visual.jpg) no-repeat center top;}
.sub_wrap_9 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top;}



.sub_wrap {background: #f8f9fa}
.sub_wrap .bt_quick {display:none}


#sub_tit {font-size:52px; font-weight:600; max-width:1400px; margin:0 auto; line-height:130%;}
#sub_tit .txt_s {font-size:36px; display:inline-block;}


#m_lnb {display:none;}

#lnb_wrap {position:relative; background:#f5f5f5; z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box;}

#lnb_wrap .lnbs1 {display:none;}

#lnb_wrap .lnb {margin:0 auto; box-sizing:border-box; position:relative; z-index:9;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:50%; max-width:240px; box-sizing:border-box; border-right:1px solid #e2e2e2; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:calc(100% + 1px); top:-webkit-calc(100% + 1px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {position:absolute; left:0px; top:0px; display:none;}
#lnb_wrap .ico_home a {display:block; width:60px; height:60px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #242060 ;}
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#666; font-size:15px; display:block; line-height:20px; min-height:20px; height:auto; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:400;}
.lnb ul li a:hover {color:#000;}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }

#lnb_wrap .lnb .lnbs2 {display:none;}
#lnb_wrap .lnbs3 {width:100%; max-width:1400px; margin:0 auto;}
#lnb_wrap .lnbs3 > ul:after {display:block; content:""; clear:both}
#lnb_wrap .lnbs3 > ul > li {float:left; padding-left:40px;}
#lnb_wrap .lnbs3 > ul > li:first-child {padding-left:0px;}
#lnb_wrap .lnbs3 > ul > li > a {display:block; line-height:80px; height:80px; box-sizing:border-box; color:#333333; font-weight:400; padding:0px; font-size:18px; border:none; position:relative;}
#lnb_wrap .lnbs3 > ul > li.on > a {font-weight:500; color:#e11b32;}
#lnb_wrap .lnbs3 > ul > li.on > a:after {display:block; content:""; width:100%; height:2px; background:#e11b32; position:absolute; left:0px; bottom:17px;}



.drop.on .four_depth {display:block;}
.four_depth {background:#ececec; border-bottom:1px solid #e2e2e2 ; display:none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}

.drop > a.on:after {display:none;}


#lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:25px; color:#666666; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:300;}
#lnb_tit2 {display:block; font-size:16px; box-sizing:border-box; padding-left:25px; color:#666666; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:300;}
#lnb_tit3 {display:block; font-size:16px; box-sizing:border-box; padding-left:25px; color:#666666; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:300;}
#lnb_tit.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}
#lnb_tit2.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}
#lnb_tit3.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}

#lnb_menu .three_depth {display:none;}

.product_navi {display:block; margin-bottom:50px; background:#fff; box-shadow:0px 0px 30px rgba(0, 0, 0, 0.1);}
.product_navi > ul {display:flex; flex-wrap:wrap; justify-content:center; overflow-x:auto; padding:8px 10px 0px 10px;}
.product_navi > ul > li {padding:0px 15px;}
.product_navi > ul > li > a {align-items:center; display:inline-flex; height:70px; box-sizing:border-box; color:#999999; border-bottom:8px solid #fff; font-weight:500; font-size:1.25em;}
/*.product_navi > ul > li > a {align-items:center; display:inline-flex; height:70px; box-sizing:border-box; color:#999999; border-bottom:8px solid #fff; font-weight:500; font-size:1.05em;}*/
.product_navi > ul > li.on > a {color:#156ec6; border-color:#156ec6; }



.title_bar {max-width:1400px; margin:0px auto 50px auto; padding-top:0px; position:relative;}
.title_bar h2 {font-size:46px; text-align:center; font-weight:600; color:#000000; line-height:140%; transition:all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:20px; text-align:center; color:#333333; padding-top:10px; line-height:140%; font-weight:300; word-break:keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding:40px 0px 30px 0px;}


.location {position:relative; max-width:1400px; margin:0 auto; margin-top:10px; line-height:30px; height:30px; font-size:17px;}
.location span {display:inline-block; position:relative; zoom:1; *display:inline; padding-left:18px; margin-left:14px;  color:#666666; font-weight:300;}
.location span:before {display:block; content:""; width:3px; height:3px; background:#000; border-radius:100%; position:absolute; left:0px; top:50%; margin-top:-1px;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location span:first-child:before {display:none;}
.location #location_2 {font-weight:500; color:#333;}
.location #location_3 {font-weight:500; color:#333;}
.location img {vertical-align:middle; margin-top:-4px;}


.sub_con { max-width:1400px; margin:0 auto; font-size:17px; font-weight:300; line-height:170%; word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}


.s_tit {font-size:28px; font-weight:600; line-height:140%; margin:50px 0px 10px 0px;}
.ss_tit {font-size:23px; color:#222222; line-height:110%; margin-bottom:5px; padding:0px 0px 0px 15px; position:relative; margin-top:50px; font-weight:600;}
.ss_tit > span {display:inline-block; position:relative; z-index:1}
.ss_tit:before {display:block; content:""; z-index:0; width:5px; height:21px; background:#262262; position:absolute; left:0px; top:2px;}
.ss_tit.br_no {margin-bottom:0px;}
.ss_tit.pl0:before {display:none;}

.ss_tit.tc {text-align:center; background:none !important; padding-left:0px;}
.ss_tit.tc:after {display:none;}
.ss_tit.tc:before {display:none;}

.fnt_sm{font-weight:600; font-size:1em;}
/*.ss_tit:before {display:block; content:""; width:7px; height:24px; background:#0f7bc6; position:absolute; left:0px; top:4px;}
.ss_tit > span{font-weight:300;}*/
.s_titW {max-width:1400px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 10px 0px; line-height:140%; position:relative;}
.sss_tit:before {display:block; content:""; width:10px; height:10px; background:#144085; border-radius:100%; position:absolute; left:0px; top:10px;}
.b_txt {font-size:22px; color:#333333; font-weight:400; padding:40px 0px 10px 0px; line-height:150%;}
.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px;}

.div_line {border-top:1px solid #aab7cc; margin-top:50px; padding:50px 0px; display:block}

.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:2em !important; line-height:140%; color:#000; font-weight: 100;}


#add_date {position:relative; padding-right:115px; }
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding:7px 0px 0px 0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display:inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab { margin-bottom:40px; padding-top:10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display:table; }
.atab li a {display:table-cell; width:100%; height:65px; vertical-align:middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #dfdfdf; font-size:1.1em; font-weight:400;}
.atab li.on a {font-weight:500; border:1px solid #262262 !important; background:#262262; color:#fff;}
.atab li.on a:after {display:block; content:""; width:20px; height:20px; background:#fff; position:absolute; left:50%; bottom:-20px; transform:rotate(45deg) translateX(-50%);}

.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin:-1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height:50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}



.btab { margin-bottom:40px; padding-top:10px; font-size:0px; text-align:center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display:inline-block; padding:2px 2px; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:115px; padding:10px 0px; text-align:center; color:#666666; box-sizing:border-box; border:1px solid #00357e; border-radius:30px; font-size:16px; }
.btab li a .ico {display:block; margin:0 auto; width:120px; height:120px; overflow:hidden; margin-bottom:10px;}
.btab li.on a {color:#fff; background:#00357e; border-color:#00357e;}
.btab li.on a .ico img {margin-top:-100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border:1px solid #ccc; padding:0px 5px; font-size:15px;}
.btab.line li.on a {border:1px solid #ed2129;}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:15px; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border-radius:0px; overflow:hidden;}
.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:inline-block; cursor:pointer; background:none}
.pop_wrap .pop_head {background:#fff; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:150%;  color:#000000; padding:20px 50px 20px 25px; text-align:left; font-weight:600;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}
.pop_wrap .pop_bottom .close {background: #000000; display: block; color: #fff; line-height:50px; font-size: 16px; text-align: center}




/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family: "Noto Sans KR", sans-serif; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family: "Noto Sans KR", sans-serif; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family: "Noto Sans KR", sans-serif; color:#444444; font-size:22px; line-height:38px;}

/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../popup/images/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}
.main_pop_content > img{max-width:100%;}





.all_check {text-align:center; padding:15px 5px; margin:30px 0px; background:#f5f5f5}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff; }
.ico_note {position:relative; padding-left:25px; line-height:140%; background:url(../img/common/ico_note.png) no-repeat left 2px;}
.ico_note:before {display:none; content:""; width:20px; height:20px; border-radius:100%; background:#3084d8; position:absolute; left:0px; top:2px;}
.ico_note:after {display:none; content:"!"; width:20px; height:20px; color:#fff; font-size:16px; font-weight:600; text-align:center; line-height:19px; position:absolute; left:0px; top:2px;}


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {position:relative; padding-right:40px; box-sizing:border-box;}
.date_picker .input {width:100%;}
.date_picker img {position:absolute; right:0px; top:50%; margin-top:-15px; width:30px; height:30px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.bt_include {position:relative; display:flex; flex-wrap:wrap; box-sizing:border-box;}
.bt_include > div {flex:1}
.bt_include .add_bt {width:90px; margin-left:5px;}
.bt_include .add_bt > a {display:block}
.bt_include .add_bt > a > span {padding-left:5px; padding-right:5px;}
.bt_include select {width:100%; max-width:100%; flex:1}
.bt_include .input {flex:1}
.bt_include2 {padding-right:65px; margin:0 auto;}





.board-write .input {min-height:40px; line-height:40px; width:100%;}
.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; color:#000; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
.view_tit {}
.view_tit .v_tit {font-size:1.5em; font-weight:600; line-height:130%; word-break:break-all;}
/* .view_tit .v_tit .ico {display:inline-block; border:1px solid #0c91dd; background:#fff; color:#0c91dd; font-size:1rem; padding:0px 5px; min-width:46px; vertical-align:top; margin-right:4px; text-align:center; height:24px; line-height:22px;} */
.view_tit .v_tit .ico {display:inline-block; border:1px solid #0c91dd; background:#fff; color:#0c91dd; font-size:1rem; padding:0px 5px; min-width:46px; vertical-align:middle; margin-right:4px; text-align:center; height:24px; line-height:22px;}
.view_tit .v_list {padding-top:0px;}
.view_tit .v_list > li {display:inline-block; color:#000; vertical-align:top; font-weight:100; font-size:1.05em; padding:5px 10px; position:relative;}
.view_tit .v_list > li:before {display:block; content:""; width:1px; height:14px; background:#666; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}


.click_count {text-align:right; padding:10px 0px; font-size:1.05em; color:#666666}
.view_photo {padding:20px 0px 0px 0px; text-align:center;}


.td_btns {font-size:0px; text-align:center; padding:0px 5px; max-width:260px; margin:0 auto;}
.td_btns > li {display:inline-block; min-width:50%; box-sizing:border-box; padding:2px;}
.td_btns > li > a {display:block; min-width:100%}
.td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height:auto; line-height:16px; white-space:normal;}




.btnNormal.m_block span {min-width:60px;}


.find_type {font-size:20px; color:#333333; line-height:140%; padding:20px 0px 10px 0px; margin-top:10px; }
.find_type > button {display:block; font-size:20px; color:#333333; line-height:140%; padding-left:25px; font-weight:500; background:url(../img/common/radio.png) no-repeat left 7px; outline:none; text-align:left;}
.find_type.on > button {background-position:left -69px;}


.find_box .btn-tc {margin-top:0px; border:none;}

.find_cell {box-sizing:border-box; position:relative;}
.find_cell:after {clear:both; content:""; display:block;}
.find_cell .cell {float:left; width:50%; box-sizing:border-box;}
.find_cell .cell select {width:100%}
.find_cell .bt {position:absolute; right:0px; top:0px;}
.find_ok {text-align:center; padding:170px 0px 20px 0px; font-size:18px; line-height:150%; background:url(../img/member/ico_mail.gif) no-repeat center top; }
.find_pop {font-size:15px; line-height:150%; padding-bottom:40px !important; position:relative;}
.bb_tit {font-size:1.5em; line-height:150%; color:#000000; font-weight:500; padding:40px 0px 15px 0px;}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff; }


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {position:relative; padding-right:40px; box-sizing:border-box;}
.date_picker .input {width:100%;}
.date_picker img {position:absolute; right:0px; top:50%; margin-top:-15px; width:30px; height:30px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}




.photo_upload {width:180px; height:280px; position:relative; border-radius:100%; margin:0 auto; }
.photo_upload .file_upload {width:100%; height:46px; position:absolute; left:0px; bottom:0px;}
.photo_upload .file_upload label {width:100%; height:46px; padding:0px; line-height:46px; text-align:center; color:#fff; font-size:18px; background:#333333; border-radius:6px; overflow:hidden;}
.photo_upload .file_upload .del  {text-transform:lowercase; display:block; width:100; height:46px; padding:0px; line-height:46px; text-align:center; color:#fff; font-size:18px; background:#333333; border-radius:6px; overflow:hidden;}
.photo_upload .pic_area {width:180px; height:220px; background:url(../img/common/user.png) no-repeat center center #f5f7f8; overflow:hidden; position:relative;}
.photo_upload .pic_area .picW {width:180px; height:180px; background:#f5f7f8;}
.photo_upload .pic_area .del {display:block; width:55px; height:55px; padding:0px; line-height:55px; text-align:center; color:#000; font-size:40px; background:#fdce00; border-radius:100%; overflow:hidden; position:absolute; right:-5px; bottom:-5px;}
.photo_upload .pic_area .pic { display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%)}
.photo_upload .pic_area .pic img {max-width:100%; max-height:100%; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%)}

.file_upload { /*padding-right:85px; padding-right:100px;*/ position:relative;}
.file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding:0px 22px; height:40px; line-height:39px; background:#757a85; color:#fff;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_upload > input {color:#737070; font-size:1em; background-color:#ffffff; border:solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height:40px; line-height:38px;}

.file_upload.small {display:inline-block; vertical-align:top;}
.file_upload.small label {cursor:pointer; display:inline-block; overflow:hidden; padding:0px 22px; height:23px; line-height:23px; background:#fff; color:#000; border:1px solid #000; font-size:14px;}
.file_upload_on {border:1px solid #ccc; padding:12px 30px 12px 10px; position:relative;}
.file_upload_on > p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.file_upload_on .close {position:absolute; right:0px; top:0px; height:100%; display:block;}
.file_upload_on .close img {max-height:100%;}

.file_upload_wrap .file_view {display:inline-block; line-height:25px; color:#333333; padding:0px 5px; vertical-align:top; font-size:15px;}
.file_upload_wrap .file_view .del {border:1px solid #000; background:#fff; height:25px; line-height:18px; min-width:25px; text-align:center; color:#000; display:inline-block; vertical-align:top; margin-left:3px;}

.field_list {padding:20px; border-top:1px solid #ccc; margin:10px -20px -20px -20px; background:#eff1f6}
.file_add > li {padding-right:85px; position:relative;}
.input_del { position:absolute; right:0; top:0px;}

#print_wrap {font-size:13px;}
#print_wrap .board-write th {padding:5px 5px 5px 20px;  font-size:13px;}
#print_wrap .board-write td {padding:5px 10px 5px 20px; font-size:13px;}
#print_wrap .table_style2 thead tr th {padding:5px 2px;}
#print_wrap .table_style2 tbody tr td {padding:5px 5px;}
#print_wrap .table_style2 tbody tr th { padding:5px 0 5px;}


.introduce_wrap {position:relative; font-size:1.2em; line-height:160%; background: url(../img/introduce/01_img01.jpg) no-repeat left top; background-size: 50% auto; padding-bottom:100px;}
.introduce_wrap .first {margin-left:15%; font-size:1.75em; font-weight: 100; line-height: 150%; color: #156ec6; background: #fff; padding: 0px 0px 6% 10%;}
.introduce_wrap .first > strong {display: block; font-size: 1.2em; line-height: 150%; font-weight:600;}

.introduce_wrap .txt {padding-left: 55%; box-sizing: border-box; color: #999999;}
.introduce_wrap .txt > strong {color: #666666; font-weight:300;}
.vision {font-size: 1.2em; line-height: 160%;}
.vision > dl > dt > div {max-width: 1116px; margin: 0 auto; background: #fff; border-radius:80px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15); padding:25px; font-size:2em; line-height: 140%; font-weight: 100; color: #156ec6; text-align: center}
.vision > dl > dt > div .mont {display: block; font-size:28px; font-weight: 600; color: #2276c9; line-height: 130%; }
.vision > dl > dt > div > strong {font-weight: 600;}
.vision > dl > dd {text-align: center; padding:30px 0px 40px 0px;}
.vision > ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px -10px;}
.vision > ul > li {width: 33.333%; box-sizing: border-box; max-width: 420px; padding: 10px;}
.vision > ul > li > dl > dt {border-bottom:3px solid #156ec6; line-height:51px; font-weight: 600; color: #156ec6; font-size: 1.5em;}
.vision > ul > li > dl > dt .ico {display: inline-block; padding-right: 10px; line-height: 48px; margin-bottom:-1px; vertical-align: bottom}
.vision > ul > li > dl > dd {color: #999999; padding-top:20px;}

.history_box {position: relative; overflow: hidden; padding:0px 0px 0px 0px;}

.history_box > h4 {position: absolute; left: 50%; top:35px; background: #fff; width: 210px; line-height: 64px; border: 1px solid #003876; border-radius:40px; font-size: 18px; text-align: center; color: #000; transform: translateX(-50%); z-index: 9}
.history_box > ul {position: relative; }
.history_box > ul:before {display: block; content: ""; width:1px; height:calc(100% - 20px); position: absolute; left: 50%; margin-left: -0.5px; top:10px; background: #dddddd}

.history_box > ul > li {padding-left: 50%; box-sizing: border-box; position: relative; padding-bottom:30px;}
.history_box > ul > li:last-child:before {display: block; content: ""; width:4px; height: 100%; background: #fff; position: absolute; margin-left: -2px; left:50%; top: 0px;}


.history_box .img {position: absolute; left: 0px; top:0px; max-width:44%;}
.history_box .history_txt {padding-left:30px; position: relative;}
.history_box .history_txt:before {display: block; content: ""; width:10px; height:10px; border-radius:100%; background: #2276c9; position: absolute; left:-9px; top:9px; margin:3px; z-index: 9;}
.history_box .history_txt:after {display: block; content: ""; width:14px; height:14px; border-radius:100%; background: #fff; position: absolute; left:-16px; top:2px; padding:7px; border: 1px solid #2276c9;}
.history_box .history_txt .year_s {font-size:32px; display: block; font-weight:700; color: #333333; line-height:100%; padding-bottom:5px; font-family: 'Montserrat', sans-serif; }

.history_box .history_txt ul > li { line-height:150%; color:#333; font-weight:300; position: relative; min-height:24px; padding-left:45px; margin-top:10px;}
.history_box .history_txt ul > li:first-child {margin-top:0px;}
.history_box .history_txt ul > li .month {position: absolute; padding-left: 10px; left:0px; top: 0px; color:#666666; font-weight:500;}
.history_box .history_txt ul > li .month:before {display: block; content: ""; width:4px; height: 4px; background: #2276c9; overflow: hidden; border-radius:100%; position: absolute; left: 0px; top: 50%; margin-top: -2px;}


.map_wrap {height: 500px;}
.map_wrap > iframe {width: 100% !important; height: 100% !important;}

.map_wrap {width: 100%; height:450px; overflow: hidden; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.map_wrap > div {width: 100% !important;}
.map_wrap .wrap_map {height:475px !important;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}

.map_address {padding-bottom:10px; font-size: 1.2em; font-weight: 400;}
.map_address > p {position: relative; padding:10px 20px 10px 55px; min-height:40px; box-sizing: border-box; font-size:1em; color: #999;}
.map_address > p .ico {position: absolute; left:0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.map_address > p .ico img {}
.map_address > p > strong {color: #000;}

.map_address > p a {color: #999999}

.map_txt { border-top:none; background: #fff; padding:10px 0px;}
.map_txt > ul {display: flex; flex-wrap: wrap;}
.map_txt > ul > li {position: relative; box-sizing: border-box; padding:5px 10px;}
.map_txt > ul > li > div {position: relative; text-align: left; box-sizing: border-box; display: inline-block; padding:10px 20px 10px 60px; min-height:40px; color: #999999; font-size:1.2em; font-weight: 400; }
.map_txt > ul > li strong {color: #000;}
.map_txt > ul > li .ico {position: absolute; left:0px; top:50%; padding-bottom: 1px; transform: translateY(-50%)}
.map_txt > ul > li .ico img {vertical-align: top;}
.map_txt > ul > li a {color: #999999}


.map_add {overflow: hidden; margin: -3px -20px; padding-bottom: 20px;}
.map_add > li {float: left; padding: 3px 20px; position: relative;}
.map_add > li:before {display: block; content: ""; width: 1px; height:16px; background: #ccc; position: absolute; left: 0px; top: 50%; margin-top: -8px;}
.map_add > li:first-child:before {display: none;}
.map_add > li > p {font-size: 1.2em; line-height: 140%; }
.map_add > li > p > strong {color:#093190}




























.view_white_wrap {max-width:1720px; background:#fff; margin:40px auto; padding:60px 10px;}

.tab_top_wrap {max-width:1400px; margin:0 auto; padding: 50px 0px;}
.tab_top_wrap .tab_top {max-width:932px; padding-right: 0px; padding-top: 0px;}
.tab_top_wrap .tab_top .tab > li {width:25%; padding:0px 5px;}

.product_view {padding-bottom:60px;}
.product_view:after {display: block; content: ""; clear: both;}
.product_view .photo_wrap {width:50%; box-sizing:border-box; float:left; padding: 0px 20px;}
.product_view .photo_wrap .in {max-width:500px; margin:0 auto;}
.product_view .photo_wrap .in .big {background: #fff; position: relative; padding-bottom: 100%; box-sizing:border-box; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1); text-align: center}
.product_view .photo_wrap .in .big img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height:90%;}
.product_view .photo_wrap .in .small {display:flex; flex-wrap: wrap; margin: -2px; padding-top:20px;}
.product_view .photo_wrap .in .small > li {width:20%; box-sizing: border-box; padding: 2px;}
.product_view .photo_wrap .in .small > li > a {display: block; padding-bottom: 100%; position: relative; overflow: hidden; border: 1px solid #0daed5}
.product_view .photo_wrap .in .small > li > a img {position: absolute; left:0px; top: 0px; width: 100%; height: 100%;}

.product_view .info_wrap {width:50%; box-sizing:border-box; float:left;}
.product_view .info_wrap .type {display: inline-block; min-width: 130px; line-height: 35px; box-sizing: border-box; padding: 0px 10px; text-align: center; color: #fff; font-size: 16px; background: #156ec6; margin-bottom: 10px;}
.product_view .info_wrap .name {font-size: 2.5em; color: #000000; line-height:130%; font-weight: 600;}
.product_view .info_wrap .txt_s {color: #999999; font-weight:400;}

/* 새로 num1 클래스 생성, 기존의 num 클래스는 수정함, border-bottom 이 있기에 변경, 아랫단 높이를 더 낮추어 간격을 좁힘 */

.product_view .info_wrap .num1 {display: flex; flex-wrap: wrap; align-items: flex-start; padding-top:30px; height:10px; font-weight: 400; }
.product_view .info_wrap .num1 > * {margin-right: 20px;}
.product_view .info_wrap .num1 .btn {color: #666666; text-decoration: underline; font-size: 0.95em; margin: 0px;}
.product_view .info_wrap .num1 .mont {margin-right: 20px; color:#156ec6; font-weight: 600; font-size: 1.3em; line-height: 140%;}

.product_view .info_wrap .num {display: flex; flex-wrap: wrap; align-items: flex-start; padding-top:30px; border-bottom: 1px solid #000; height:70px; font-weight: 400; }
.product_view .info_wrap .num > * {margin-right: 20px;}
.product_view .info_wrap .num .mont {margin-right: 20px; color:#156ec6; font-weight: 600; font-size: 1.3em; line-height: 140%;}
.product_view .info_wrap .num .btn {color: #666666; text-decoration: underline; font-size: 0.95em; margin: 0px;}
.product_view .info_wrap .info {padding: 20px 0px; font-size: 1.05em;}
.product_view .info_wrap .info > li {display: flex; flex-wrap: wrap; padding-top:10px; align-items: flex-start}
.product_view .info_wrap .info > li:first-child {padding-top: 0px;}
.product_view .info_wrap .info > li .txt_t {width:120px;color: #000; font-weight: 400;}
.product_view .info_wrap .info > li .txt {flex: 1; color: #666666; font-weight: 300;}
.product_view .info_wrap .logos {padding-top:30px; margin: -2px;}
.product_view .info_wrap .logos > li {display: inline-block; vertical-align: top; padding: 2px;}


.product_view .info_wrap .price {margin-top: 15px; background: #efeff2; height: 70px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; padding: 5px 6%;}
.product_view .info_wrap .price dt {color: #000000; width: 100px; }
.product_view .info_wrap .price dd .mont {color:#156ec6; font-size: 1.6em; font-weight: 600;}


.detail_title {border-bottom:1px solid #ccc; font-size:22px; color:#156ec6; line-height:130%; font-weight:600;}
.detail_title > span {display:inline-block; padding-bottom:10px; border-bottom:4px solid #156ec6}
.detail_con {padding: 20px; text-align: center;}



.btn_list2:after {display:block; content:""; right:0px; top:0px; position:absolute; width:50px; height:50px; box-sizing:border-box; border:1px solid #156ec6; border-radius:100%; }
.btn_list2 {display:inline-block; position: relative; padding-right:20px;}
.btn_list2 > span {display:block; font-size:18px; font-weight:400; color:#156ec6; line-height:140%; padding-right:50px; background:url(../img/main/more.png) no-repeat right center; line-height:50px; position: relative;}





















/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > ul > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > ul > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

/* 980px 이상 */
@media screen and (min-width:1220px) {
	
 
    
}
/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}




/* 1320px 이하 */
@media screen and (max-width:1319px) {
   	#wrap {padding-top:80px;}
    .in_header {height:80px;}
    .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
	#header .top_btns {right:70px;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	
  
    
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}
	
	.tab_top .tab > li {width:25%}

    
    
    
    #footer_navi > ul {float:none; text-align:center; width:100%;}
    #footer .addressW {padding:30px 0px 30px 0px; background:none; text-align:center;}
	#footerW .copy > p {text-align:center;}
    
	
 
  
    
}
/* 980px 이하 */
@media screen and (max-width:979px) {
	
    .visual_inner {padding:0px 0px 320px 0px; background-size:auto 340px; background-position:center bottom  }
    .main_visual {padding:10px 0px 20px 0px; background-size:cover}
    .main_visual_wrap .video {float:none; width:100%; margin:0 auto;}
	.main_visual_wrap .video .video_in {margin:0 auto; margin-top:20px; max-width:640px;}
    .main_visual_wrap .txt {float:none; width:100%; padding-top:20px; text-align:center;}
	.main_visual .v_frame .cell .visual_txt.one .txt_t {font-size:46px;}
	.main_visual .v_frame .cell .visual_txt.one .img img {max-height:120px;}
	.main_visual .v_frame .cell {height:400px;}
	
	.main_visual .v_frame .cell .visual_txt .txt {font-size:18px;}
	.main_visual .v_frame .cell .visual_txt {font-size:15px; line-height:140%;}
	.main_visual .v_frame .cell .visual_txt .txt_t {font-size:43px; font-weight:600; line-height:130%;}
	.main_visual .v_frame .cell .visual_txt .bt > a {width:190px;}
	.main_visual .v_frame .cell .visual_txt .bt > a > span {font-size:15px;}
	
   	.tab_top {margin-top:0px; text-align:left; padding-top:20px;}
	
	.tab_top .tab > li > a .ico {width:30px;}
	.tab_top .tab > li > a {font-size:18px; height:65px;}
	
	.main_banner .box .txt {font-size:16px;}
	.main_gallery .box {padding:15px 10px;}
	.main_gallery .box .txt_t {font-size:18px;}
	
   
    .section {font-size:16px;}

	.main_tab_ban > ul > li {width:100%;}
	.main_tab_ban > ul > li:first-child {width:100%}
	
	.notice_roll > li > a {font-size:16px;}
	
	.more > a {font-size:16px; padding-right:40px; line-height:40px; background-size:30px auto; }
	.more:after {width:40px; height:40px;}
	
	.m_tit {font-size:34px;}

    .inner {padding:0px 10px;}
    
	#footer .addressW {font-size:16px;}
	#footer .addressW .copy {font-size:14px;}
	#footer .addressW address span.fb {font-size:1.2em;}

	.sub_con {font-size:16px;}
    .sub_visual .sub_txt {height:200px;}
    #sub_tit {font-size:38px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}
    

    .title_bar:before {display:none;}
	
	#lnb_wrap {padding:0px; margin:0px; height:auto; border-bottom:1px solid #e2e2e2}
	#lnb_wrap .lnb {padding-left:60px}
	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}
	
	
	.competition_first {margin-top:0px;}
	.competition_first .img {float:none; width:100%; text-align:center;}
	.competition_first .txt {float:none; width:100%; margin:0px; padding-right:0px; margin-top:10px}
	
	.ipc_txt {padding-top:40px;}
	.ipc_txt > div {width:100%; padding:0px;}
	
	.type_level .img {float:none; width:100%; padding-right:0px; padding-bottom:20px; text-align:center}
	.type_level .txtW {float:none; width:100%; }
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
    #wrap {padding-top:70px;}
	.in_header {height:70px;}

	#header h1 a {background-size:cover !important}
	#header h1 a img {height:40px;}
	#header .top_btns > li {margin-left:10px;}
	#header .top_btns > li img {max-height:30px;}
	
	.main_visual .v_frame .cell {height:340px; padding:0px 10px 20px 10px; vertical-align:middle}
	.main_visual .bxslider > li .bg_img {width:1280px; height:400px;}
	.main_visual .v_frame .cell .visual_txt.one {text-align:center;}
	.main_visual .v_frame .cell .visual_txt.one .txt_t {font-size:26px;}
	.main_visual .v_frame .cell .visual_txt.one .img img {max-height:80px;}
	.main_visual .v_frame .cell .visual_txt .txt_t {font-size:33px;}
	
	.main_customer_center .banner {display:block;}
	.main_customer_center .banner > li {width:100%; max-width:100%; margin-top:20px;}
	.main_customer_center .banner > li:first-child {margin-top:0px;}
	.main_customer_center .banner2 dl dt {display:inline-block;}
	.main_customer_center .banner2 dl dd {display:inline-block;}
	
	.tab_top {padding:50px 0px 0px 0px;}
	.main_tab_ban .more {top:-120px;}
	
	.m_tit .ball {max-width:133px; line-height:36px; font-size:17px;}
	
	.notice_roll_in {padding:10px 140px 10px 20px; margin:10px auto;}
	.notice_roll_in > h3 {display:none;}
	.notice_roll_in .bx-wrapper .bx-next {right:-45px;}
	.notice_roll_in .bx-wrapper .bx-prev {right:-80px;}
    
	.tab_top .tab > li > a {display:block; padding-top:5px; font-size:16px;}
	.tab_top .tab > li > a .ico {display:block; margin:0 auto;}
	
	
	
	.section {font-size:14px; padding:40px 0px;}
	
	.more > a {font-size:14px; background-size:auto 6px; padding-right:28px;}

    .m_tit {font-size:32px;}
    
	
	
    #footerW {padding-top:0px; padding-bottom:0px;}
    #footer .addressW {padding:10px; padding-top:0px; text-align:center}
    
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding:7px;}
	
	
    #footer_navi {padding-bottom:0px;}
    #footer_navi > ul {width:100%; float:none; padding:15px 0px;}
    #footer_navi > ul li {padding:0px 13px;}
    #footer_navi > ul li a {font-size:13px;}
    #footer .addressW {font-size:13px;padding:15px 10px; background:none;}
    #footerW .familySite p.on {width:130px; line-height:28px;}
	
	#footerW .copy > p {font-size:12px;}
	#footer .go_top {display:none;}
    #footerW .familySite {top:-50px;}
	

    #lnb_wrap .lnb {position:relative;}
	#lnb_tit {font-size:14px; line-height:50px; height:50px;}
	#lnb_tit2 {font-size:14px; line-height:50px; height:50px;}
	#lnb_tit3 {font-size:14px; line-height:50px; height:50px;}
	#lnb_wrap .ico_home a { line-height:50px; height:50px;}
    .lnb ul li a {font-size:14px;}
	
    
	.sub_con {font-size:15px;}
	
	.sub_visual .sub_txt {}
    .sub_visual .sub_txt .txt_s {font-size:17px;}
	.sub_visual .sub_txt .txt_s > img{height:21px;}
    #sub_tit {font-size:34px;}
	.location {font-size:14px;}
	
    .title_bar {margin-bottom:35px; padding:0px 0px 20px 0px;}
	.title_bar h2 {font-size:34px;}

	.title_bar .s_txt {font-size:17px;}
    
	.b_txt {font-size:20px; padding:30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    
	.s_tit {font-size:22px; margin-top:40px;}

  
    
    
    
    .ico_note {padding-left:20px; background-size:15px auto; background-position:left 4px;}
   
    
    
    
    
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position:relative; padding-bottom:0px;}
    /*atab*/
    .atab li a {height:50px;}
    .atab li.on {margin-top:0px;}

    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}

    .btn-tc > a {margin:0px;}
    
    .find_cell {padding-right:0px !important}
    .find_cell .cell {float:left; width:50%; box-sizing:border-box;}

    .find_cell .bt {display:block; position:relative; right:auto; top:auto; width:100%; clear:both; padding-top:5px;}
  

    .btab li a {padding:5px 0px; font-size:15px;}
    

	.ico_note:after {width:17px; height:17px; font-size:14px; line-height:16px;}
	.ico_note:before {width:17px; height:17px;}
	

	
    
	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
   
     .ico_note {padding-left:20px; background-size:15px auto; }
   
 
   
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	
	
	
	.pc_view {display:none}
	.mb_view {display:block}
    .sub_section {padding:50px 10px; margin:50px -10px;}
	
	.product_view .photo_wrap {width: 100%; float: none; padding: 0px 0px 20px 0px;}
	.product_view .info_wrap {width: 100%; float: none;}
	
	.introduce_wrap .txt {padding-left: 0px; background: #fff; padding-top:30px; margin-top: 40px;}
	.introduce_wrap {background-size:800px auto;}
	.introduce_wrap .first {margin-left: 7%}
	.vision > ul > li {width: 100%; max-width: 100%;}
	
	.history_box {padding-left: 7px;}
    .history_box .img {display: none;}
    .history_box:before {left: 0px; margin-left: 0px;}
    .history_box > h4 {width:calc(100% - 10px); width:-webkit-calc(100% - 10px); box-sizing: border-box;}
    .history_box > ul:before {left:8px;}
    .history_box > ul:after {left: 0px; margin-left:-10px;}
    .history_box > ul > li {padding-left: 10px !important; padding-right:0% !important; min-height: auto; padding-bottom: 30px;}   
    .history_box > ul > li > .history_txt {padding-top:0px; padding-left:25px !important; padding-right: 0px !important; }
    .history_box .history_txt .year_s:after {width:42px; right: auto !important; left: -7px !important;}
    .history_box .history_txt .year_s {text-align: left !important; padding-right: 0px !important;}
    .history_box .history_txt ul > li {padding-left:40px !important; padding-right: 0px !important; text-align: left !important;}
    .history_box .history_txt ul > li .month {left: 0px !important; right: auto !important;}
    .history_box .img {position: relative !important; left: auto !important; right:auto !important; top: auto !important; max-width:none; padding-bottom: 10px;}
	.history_box > ul > li:last-child:before {left: 0%; margin-left: 6px;}
    
    .history_tit {padding-left: 0px; margin: 0px;}
  
	
    .map_wrap {height: 350px;}
	
	.map_txt > ul > li {float: none; width: 100%; text-align: left;}
	.map_txt > ul > li:before {display: none;}
    
	
	
}
/* 600 이하 */
@media screen and (max-width:599px) {
    .main_visual {min-height:auto;}
	.main_visual .v_frame .cell {height:700px}
	.main_visual .v_frame .cell .visual_txt {text-align:center;}
	.main_visual .v_frame .cell .visual_txt .txt_t:after {margin: 20px auto;}
	.main_visual #visual0 {background:url(../img/main/visual01_m.jpg) no-repeat center top !important; background-size:cover !important}
	.main_visual #visual1 {background:url(../img/main/visual02_m.jpg) no-repeat center bottom !important; background-size:cover !important}
	.main_visual #visual2 {background:url(../img/main/visual03_m.jpg) no-repeat center bottom !important; background-size:cover !important}
	.main_visual #visual3 {background:url(../img/main/visual04_m.jpg) no-repeat center bottom !important; background-size:cover !important}
	/* 음수기 모바일 이미지 */
	.main_visual #visual0 .v_frame .cell {vertical-align:middle;}
	.main_visual .v_frame .cell {vertical-align:top; padding-top:10%}
	.main_visual .v_frame .cell .visual_txt .bt > a {margin:0 auto;}
	.main_visual #visual2 .v_frame .cell .visual_txt .bt {padding-top:35px;}
    
    #footer_navi > ul li {font-size:13px;}
    #footer .addressW {text-align:center; font-size:12px;}
    
    
    .pop_wrap .pop_head .title {font-size:18px; color:#fff; padding:17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
     .login_wrap {padding:15px;}

    
    .signup {padding:10px 0px 5px 0px;}
    .signup li input {height:50px; font-size:14px;}
    .login_wrap .id_save {font-size:14px;}
    .find_idpw a {font-size:14px;}
    .login_wrap .login_bt .btn {line-height:30px; font-size:18px;}
    .join_go > a {line-height:30px; font-size:18px;}    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width:100%; overflow:auto;}

	.bt_include .add_bt {width:70px;}
	.bt_include .add_bt > a > span {font-size:12px;}
	
    .m_block600 {display:block !important; margin-bottom:3px !important; float:none !important;}
    
   
    #add_date {padding-right:0px; padding-bottom:45px;}
    #add_date .bt {left:0px; bottom:0px; top:auto; padding-right:40px;}
    #add_date .bt a {display:block; }
    #add_date .bt .tooltip {right:0px; top:0px; position:absolute;}
    #empty a {display:block;}
    .br_box {padding:15px;}
    

    
    .m_box {padding:20px;}
    .more {right:0px; top:10px;}
	.more a {font-size:14px;}
   
    .big .ez-radio {width:20px;height:20px; background-size:20px auto}
    .big .ez-hide {width:19px;height:19px;}
    
    .over_layerW {position:relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width:600px;}
 
    #footer_navi > ul {text-align:center;}
    #footerW .familySite {display:none;}

    
  
	
	
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {transition:all 0.3s 0s ease-in-out; padding-top:60px}
    

	#header h1 a img {height:26px;}
    .in_header {height:60px;}
    .menu_btn {height:18px; width:24px;}
    .menu_btn .line-middle {top:8px;}
	#header .top_btns > li img {height:22px;}
	#header .top_btns {right:50px;}

    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding:10px 10px 10px 5px;}

	.main_visual .v_frame .cell {height:570px;}
	.main_visual .v_frame .cell .visual_txt {font-size:13px;}
	.main_visual .v_frame .cell .visual_txt .txt {font-size:14px;}
	.main_visual .v_frame .cell .visual_txt .txt_t {font-size:23px;}
	
	.main_visual .bxslider > li .bg_img {width:1088px; height:340px;}

	.visual_counter_wrap .cell {padding-top:30px;}
    .main_visual_wrap .video {float:none; width:100%;}
    .main_visual_wrap .txt {float:none; width:100%; padding:10px 0px;}
    .visual_inner {background-size:100% auto; min-height:400px; padding-bottom:240px }
	
	.tab_top .tab > li > a {font-size:12px;}
	.tab_top .tab > li > a {height:60px;}

	.main_tab_ban > ul > li .box .type {height:30px; line-height:29px; font-size:13px; min-width:130px;}
	.main_tab_ban > ul > li .best .box .txt_t {font-size:20px;}
	.main_tab_ban > ul > li .box .txt_t {font-size:16px;}
	.main_tab_ban > ul > li .box {padding:10px; font-size:13px;}
	.main_banner .box .img {padding-top:20px;}
	.main_banner .box .txt {font-size:13px;}
	.main_banner {padding:10px 0px;}
	.main_banner .box .txt .txt_t {padding-bottom:10px;}
	.main_banner .box:nth-child(2) .img {order:1; padding-top:20px;}
	.notice_roll_in .plus {top:0px; transform:none; margin-top:-50px; right:0px;}
	.notice_roll_in {padding:10px 60px 10px 20px;}
	.notice_roll > li > a > .txt {max-width:calc(100% - 90px); max-width:-webkit-calc(100% - 90px);}
	.notice_roll_in .bx-wrapper .bx-prev {right:-55px;}
	.notice_roll_in .bx-wrapper .bx-next {right:-30px;}
	.notice_roll > li > a {font-size:13px;}
	
	#section4 .m_tit {text-align:left;}
	
	.section5_bg .m_tit {font-size:26px;}
	
	.main_gallery > li {width:100%;}
	
	.m_tit .small {font-size:20px;}
	
	
	.main_banner .box {width:100%}
	
	
	
	.bt_play {width:40px; height:40px;}
	
	
    .section {padding:30px 0px;}

	
	

    .m_tit {font-size:26px}
    .m_tit img {height:20px;}
    .m_tit_txt {font-size:15px;}
    

	.radio_group.m_host {margin-left:-5px;}
	.m_host > li {padding-left:5px;}
	
	.section {font-size:14px;}
  


    
    #footer .go_top {display:none;}

    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
    #footer_navi > ul li a {font-size:12px;}
    #footer_navi > ul li {margin-left:0px; padding:0px 5px}
	#footer .addressW address .tel {font-size:33px;}
	#footer .addressW .copy {font-size:12px;}
    
  
    .pop_wrap .pop_head .title {text-align:left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:15px; }
    
    
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}

    #sub_tit {font-size:22px;}
    .sub_visual .sub_txt .date {font-size:20px;}
    .sub_visual .sub_txt .place {font-size:20px;}
    .sub_visual .sub_txt {height:90px; padding-left:10px; padding-right:10px;}
    
    
   #lnb_wrap .ico_home {display:none;}
	#lnb_wrap .lnb {padding-left:0px;}
	
	#lnb_tit {padding-left:15px; font-size:13px;}
	#lnb_tit2 {padding-left:15px; font-size:13px;}
	#lnb_tit3 {padding-left:15px; font-size:13px;}
	.lnb ul li a {padding-left:15px;}
	.lnb .four_depth li a {padding-left:25px;}
	.lnb .four_depth li a:before {left:15px;}
    .lnb ul li a {font-size:13px;}
    
    .ico_box > li {width:50%;}
    .ico_box > li .ico img {max-width:70px;}
	
    
	.product_navi > ul > li > a {height:40px; border-width:3px;}

	.map_address {font-size: 1em}
    .map_wrap {height:300px;}
    .map_wrap .wrap_map {height:300px !important;}
	.map_txt > ul > li > div {font-size: 1em; padding-left: 40px;}
    .map_txt > li > p {font-size: 14px; min-height: auto; padding:10px 0px 10px 36px;}

	
	.map_address > p .ico img {width: 30px;}
    .map_txt > ul > li .ico img {width: 30px;}
    .map_txt > li {padding-left: 10px; padding-right: 10px;}
 


    
    .ico_note {padding-left:15px; background-size:13px auto; }


	
	
    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}

    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}

    .s_tit {font-size:20px; margin-bottom:10px; background-position:left 5px; background-size:20px auto; margin-top:35px; }
	.s_tit img {height:20px; margin-top:2px;}
    .s_tit:before {width:5px; height:20px;}

    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width:4px; height:15px; top:3px;}
	.sss_tit {font-size:17px; margin-top:25px; padding-left:16px;}
    .sss_tit:before {width:8px; height:8px; top:9px;}
    .s_txt_r {margin-top:-25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top:-45px;}
    .b_txt {font-size:17px;}
    .txt_in {padding-left:10px;}
	#inner_wrap {padding-bottom:30px;}
    #inner_wrap.no_visual {padding-top:30px;}

  
    
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:20px;}
    .sub_con {font-size:13px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:0px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:1.7em; }
    .title_bar .s_txt {font-size:14px;}
    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
    .view_tit {padding:10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    

    
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom:20px;}
 
    
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top:13px;}
    .b_table > dl > dd {min-height:20px; font-size:13px;}
    .b_table > dl > dt {position:relative; padding-bottom:0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding:0px 5px; line-height:34px; font-size:13px;}
    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
 
    .radio_group {margin-top:-5px;}
  
	
	
	

    .down_file > span {background-size:11px auto; padding-left:16px; }
    
   
    .br_box {padding:10px;}

    
    .tit_ico {height:19px; line-height:18px;}
   
    .btn-tc {padding:20px 0px; margin-top:20px;}
    

	
    .btab li a {font-size:14px; min-width:90px;}
    .event_wrap > li {width:50%; min-height:350px;}
    .point_box {padding:10px;}
    
    
	
    .bul_list {padding-left:57px !important}
    .bul_list .txt_t {line-height:20px; font-size:13px; padding:0px 5px; min-width:50px;}
    
    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}
	
	
	.record_wrap > ul > li > dl {font-size:15px;}

	
	.result {float:none; width:100%;}
	
    
    
	.line_bg {background-size:auto 10px; padding-bottom:20px;}
	.qr_wrap {padding-bottom:120px;}
	
	
    
    .gray_wrap {padding-top:30px; padding-bottom:30px;}


    
    .ico_txt {background-size:auto 12px; background-position:0px 4px;  padding-left:17px; }
   
    
    .ico_note {padding-left:18px; background-size:13px auto; }
	.ico_note:before {width:14px; height:14px; top:3px;}
	.ico_note:after {width:14px; height:14px; font-size:12px; line-height:14px; top:3px;}
    
   
    
    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}
    

    .atab.rnd_tab li a {font-size:13px;}
	.atab li a {font-size:1em;}
  
    
    .rnd_view_wrap .info .txt_t {font-size:1.8em;}
    
    .product_top_img .cell {height:240px;}
    
    .first_txt {font-size:1.6em !important}
	
	.sub_section {padding:40px 10px; margin:40px -10px;}
	.location {padding-left: 10px; font-size: 12px;}
	.view_white_wrap {margin:20px 0px; padding: 20px 10px;}
	.tab_top_wrap {padding: 20px 0px;}
	.tab_top_wrap .tab_top .tab > li {padding: 0px 2px;}
	
	
	.product_view .info_wrap .logos > li img {max-height:24px;}
	.product_view .info_wrap .num {height: 50px;}
	.product_view .info_wrap .type {min-width: 110px; line-height: 30px; font-size: 13px;}
	.product_view .info_wrap .info > li .txt_t {width: 80px;}
	
	detail_title  {font-size: 20px;}
	.introduce_wrap {background-size: 480px auto; padding-bottom: 40px;}	
	.introduce_wrap {font-size: 1em;}
	.introduce_wrap .first {font-size: 1.3em;}
	.introduce_wrap .first .br {display: none;}
	
	.vision {font-size: 1em;}
	.vision > dl > dt > div {font-size: 1.5em;}
	.vision > dl > dt > div .mont {font-size: 18px;}
	.vision > ul > li > dl > dt {line-height: 30px;}
	.vision > ul > li > dl > dt .ico {line-height: 30px; height: 30px;}
	.vision > ul > li > dl > dt .ico img {height: 30px;}
	
	.history_top {margin-top:0px;}
	.history_top > p {height:120px; font-size: 2em;}
	.history_top .ico {margin-top: 0px;}
	.history_top .ico img {width:40px;}
	.history_box .history_txt ul > li {min-height: auto;}
	.history_box .history_txt .year_s {font-size: 20px; padding-top:4px;}

	
}





/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left:10px;}
    .bt_application a {padding:0px 18px;}
    .bt_application a span {text-align:center;}

    
    .btns > li {width:100%; float:none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
    

    
}


.red {
	color:red !important;
}







/* 1. PC용 이미지 설정 (기본) */
#visual5 {
    background: url(../img/main/visual05.jpg?ver=1) no-repeat center top;
    background-size: cover;
}

/* 2. 모바일/태블릿용 이미지 설정 (화면 너비 1024px 이하) */
@media screen and (max-width: 1024px) {
    #visual5 {
        /* 파일명 뒤에 _m이 붙은 모바일 전용 이미지를 불러옵니다 */
        background: url(../img/main/visual05_m.jpg?ver=1) no-repeat center top !important;
        background-size: cover !important;
    }
}