@charset "utf-8";

.first_dropit:after, .sub_nav .first_nav:after, .sub_nav li a, .down_btn_wrap li a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
/* 서브 공통 */
.t_l{text-align: left !important;}
.t_r{text-align: right !important;}
.t_c{text-align: center !important;}

.fw100{font-weight: 100 !important;}
.fw300{font-weight: 300 !important;}
.fw350{font-weight: 350 !important;}
.fw400{font-weight: 400 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}
.fw900{font-weight: 900 !important;}
.no_bg{background: none !important;}

.fl{float: left;}
.fr{float: right;}

.width100{width: 100%;}
.width80{width: 80%;}
.width70{width: 70%;}
.width50{width: 50%;}
.width30{width: 30%;}

.noMargin{margin: 0 !important;}
.noMarginTop{margin-top: 0 !important;}
.noMarginBottom{margin-bottom: 0 !important;}
.smallMarginTop{margin-top: 20px;}

.color_skyBlue{color: #009FDB;}

.pc_img{}
.mobile_img{display: none !important;}

.pc_only{}
.mobile_only{display: none !important;}



.jcontainer{padding-top: 120px;}
.content_body{padding-bottom: 100px; min-height: 500px;}

.con_inner{position: relative; width: 100%; max-width: 1300px; margin: 0 auto;}
.board_wrap{position: relative; width: 100%; max-width: 1300px; margin: 0 auto;}
.con_wrap{position: relative; width: 100%; max-width: 1300px; margin: 0 auto;}
.con_wrap.full_img{width: 100%;}
.ex_inner{position: relative; width: 100%; max-width: 1300px; margin: 0 auto;}

.medium_title{font-size: 23px; font-weight: bold;}
.title_topArea70{margin-top: 70px;}
.title_bottomArea20{margin-bottom: 20px;}

/* 서브 Common : Page Last Depth Navigation */
.sub_nav {position: relative;  width: 100%; max-width: 1300px; margin: 0 auto 70px;}
.sub_nav ul:after {display: block; content: ''; clear: both;}
.sub_nav .nav-dropit ul li{float: left; text-align: center;}
.sub_nav .individual_nav li{float: left; text-align: center;}
.sub_nav .major_nav li{float: left; text-align: center;}
.sub_nav .snum1 li{width: 100%;}
.sub_nav .snum2 li{width: 49.5%; margin-left: 1%;}
.sub_nav .snum3 li{width: 32.66%; margin-left: 1%;}
.sub_nav .snum4 li{width: 24.25%; margin-left: 1%;}
.sub_nav .snum5 li{width: 19.2%; margin-left: 1%;}
.sub_nav .snum6 li{width: 15.83%; margin-left: 1%;}
.sub_nav .snum7 li{width: 13.42%; margin-left: 1%;}
.sub_nav .snum8 li{width: 24.25%; margin-left: 1%;}
.sub_nav .snum8 li:nth-child(-n+5){margin-bottom: 15px;}
.sub_nav .snum8 li:nth-child(5){margin-left: 0;}
.sub_nav .snum9 li{width: 19.2%; margin-left: 1%;}
.sub_nav .snum9 li:nth-child(-n+6){margin-bottom: 10px;}
.sub_nav .snum9 li:nth-child(6){margin-left: 0;}
.sub_nav li:first-child{margin-left: 0 !important;}
.sub_nav li a{display: block; border: 1px solid #ccc; font-size: 17px; height: 60px; line-height: 60px; background: #fff; color: #aaa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; box-sizing: border-box;}
.sub_nav li a:hover{color: #122A81;}
.sub_nav li.active a{background: #122A81; border: 1px solid #122A81; color: #fff;}
.sub_nav li a.first_nav{color: #333;}
.sub_nav .first_nav:after{content: ''; position: absolute; top: 25px; right: 15px; width: 20px; height: 20px; background: url("../imgs/s_nav_arrow.png"); background-size: 20px;}
.sub_nav .dropit-open .first_nav:after{content: ''; transform: rotate(-180deg);}
.sub_nav .dropit-open .dropit-submenu{display: block !important;}
/* 서브 Common : Page Last Depth Navigation 모바일 사이즈 */
.sub_nav.sub_mo_nav .nav-dropit ul li{float: inherit; width: 100% !important; margin: 0 !important;}
.sub_nav.sub_mo_nav li a{font-size: 15px; height: 50px; line-height: 50px;}
.sub_nav.sub_mo_nav .dropit-submenu{position: absolute; top: 50px; z-index: 2; width: 100%;}
.sub_nav.sub_mo_nav .dropit-submenu li a{font-size: 14px; height: 50px; line-height: 50px; border-top: 0;}
.sub_nav.sub_mo_nav .first_nav:after{content: ''; top: 18px; right: 10px; width: 14px; height: 14px; background: url("../imgs/s_nav_arrow.png"); background-size: 14px;}
/* 서브 Common : 링크 없는 버튼 */
a.no_address{background: #999 !important;}
a.no_address .tg_blank:after{content: ''; display: none;}


/* Table UI */
.table_box{position: relative; width: 100%; margin: 0 auto;}
.table_box .table_scroll{margin: 50px 0;}
.table_box .table_scroll.top_in{margin: 20px 0;}
.table_box table{position: relative; width: 100%; border-top: 2px solid #333;}
.table_box table.no_bottom_border tbody tr:last-child td{border-bottom: 0;}
.table_box table.rowTable{border-top: 0;}
.table_box table.rowTable tbody{border-top: 2px solid #333;}
.table_box table.rowTable .rowTable_not tbody{border-top: 0;}
.table_box table.rowTable .rowTable_not th{border-bottom: 0;}
.table_box th, .table_box td{border: 1px solid #ccc; padding: 20px; box-sizing: border-box; text-align: left; font-size: 17px; line-height: 1.6; font-weight: 400; word-break: keep-all;}
.table_box th{background: #f5f6f8; border-bottom: 0; font-weight: 400;}
.table_box td{color: #555; font-size: 16px; background: #fff;}
.table_box table.rowTable th{border-bottom: 1px solid #ccc;}
.table_box table th.last_th{border-bottom: 1px solid #ccc;}
.table_box table.mixTable tbody th{background: #eee; border-bottom: 1px solid #ccc;}
.table_box table.centerTable th, .table_box table.centerTable td{text-align: center;}
.table_box table.leftcenterTable th{text-align: center;}
.table_box table.leftcenterTable td{text-align: left;}
.table_box table.leftcenterTable .centerTable td{text-align: center;}
.table_box table.left_first td:first-child{text-align: left;}
.table_box table.left_second td:first-child+td{text-align: left;}
.table_box table.left_third td:first-child+td+td{text-align: left;}
.table_box table.left_fourth td:first-child+td+td+td{text-align: left;}
.table_box table.left_fifth td:first-child+td+td+td+td{text-align: left;}
.table_box table.leftcenterTable.left_first td:first-child{text-align: center;}
.table_box table.leftcenterTable.left_second td:first-child+td{text-align: center;}
.table_box table.leftcenterTable.left_third td:first-child+td+td{text-align: center;}
.table_box table.leftcenterTable.left_fourth td:first-child+td+td+td{text-align: center;}
.table_box table.leftcenterTable.left_fifth td:first-child+td+td+td+td{text-align: center;}
.table_box table.thead_type{border-top:0;}
.table_box table.thead_type tbody{border-top: 2px solid #333;}
.table_box table.thead_type td{background: #f5f6f8;}
.table_box table.thead_type td.noHead{background: #fff;}
.table_box p.text_ref{margin-top: 10px; color: #999; margin-bottom: 50px;}
.table_box p.text_ref.only_top_margin{margin-top: 10px !important;}
.table_box p.text_ref.only_bottom_margin_small{margin-bottom: 10px;}
.table_box p.num_text span{display: block; float: none; margin-left: 20px;}
.table_box p.num_text span.n_head{width: 20px; float: left; padding: 0; margin: 0;}
.table_box span.text_emphasize{color: #ff0000; font-weight: 700;}
.table_box span.text_underline{text-decoration: underline;}
.table_box a.link_btn{position: relative; display: inline-block; border: 1px solid #777; background: #777; color: #fff; font-size: 14px; height: 30px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 40px 0 20px; box-sizing: border-box; font-weight: 300; margin-top: 5px;}
.table_box a.link_btn:after{content: ''; position: absolute; width: 14px; height: 14px; background: url("../imgs/link_go_w.png"); background-size: cover; top: 8px; right: 10px;}
.table_box a.link_btn:hover{background: #000;}

/* 약관 안내 */
.privacy_wrap{padding-bottom: 100px;}
.privacy_wrap .privacy_header{margin-top: 50px;}
.privacy_wrap .privacy_header .amendment{text-align: right; margin-top: 30px;}
.privacy_wrap h3{position: relative; font-size: 17px; font-weight: 700; color: #000; margin: 50px 0 10px; line-height: 25px; padding-left: 12px;}
.privacy_wrap h3:after{content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 25px; background: #000;}
.privacy_wrap p{font-size: 14px; font-weight: 350; color: #666; line-height: 30px;}
.privacy_wrap .privacy_depth1{margin-left: 14px;}
.privacy_wrap .privacy_depth2{margin: 20px 0 20px 20px;}


/* Layout */
.lays{margin: 40px 10px;}
.lays.big_margin{margin-top: 80px;}
.lays.no_margin{margin: 0;}
.lays:after{display: block; content: ''; clear: both;}
.lays > li{float: left;}
.lays > li:first-child{margin-left: 0 !important;}
.lays.lay2 > li{width: 48.5%; margin-left: 3%;}
.lays.lay3 > li{width: 31.33%; margin-left: 3%;}
.lays.lay4 > li{width: 22.75%; margin-left: 3%;}
.lays.lay5 > li{width: 17.6%; margin-left: 3%;}
.lays > li.only_one{width: 100% !important; margin-left: 0; margin-top: 30px;}
.lays li .img_layout{margin-top: 0;}

.layText{margin: 40px 10px;}
.layText.big_margin{margin-top: 80px;}
.layText:after{display: block; content: ''; clear: both;}
.layText > li{float: left; width: 80%;}
.layText > li:first-child{margin-left: 0 !important; width: 20%;}
.layText h3{font-size: 27px; line-height: 35px; letter-spacing: -0.01em; font-weight: 700;}
.layText.hafe_type > li{float: left; width: 50%;}
.layText.hafe_type > li:first-child{width: 50%;}
.layText.third_type > li{float: left; width: 60%;}
.layText.third_type > li:first-child{width: 40%;}
.layText h3.layTitle{position: relative;}
/*.layText h3.layTitle:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #129de2;}*/


/* Left Title UI */
.lTitle.centerTitle{text-align: center;}
.lTitle.blueTitle{color: #122A81;}
.lTitle_h3{font-size: 40px; line-height: 50px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700;}
.lTitle_h4{font-size: 30px; line-height: 40px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700;}
.lTitle_h5{font-size: 25px; line-height: 35px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700;}
.lTitle_h6{font-size: 20px; line-height: 30px; margin: 60px 0 10px; letter-spacing: -0.01em; font-weight: 700;}

.scTitle{position: relative; font-size: 30px; line-height: 40px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700; padding-top: 15px;}
.scTitle:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #0066cc;}
.scTitle.halfmarginBottom{margin-bottom: 20px;}

/* Text UI */
.text_layout p{font-size: 17px; line-height: 30px; margin-bottom: 30px; letter-spacing: -0.01em; text-align: justify; word-break: break-all; color: #555;}
.text_layout p.smallFont{font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.text_layout p.bigFont{font-size: 20px; line-height: 30px;}
.text_layout p.bigFont2{font-size: 25px; line-height: 35px;}
.text_layout p.noMargin{margin-bottom: 0;}
.text_layout p.halfMargin{margin-bottom: 15px;}
.text_layout p.doubleMargin{margin-bottom: 60px;}
.text_layout p.topMargin20{margin-top: 20px;}
.text_layout p .bigFont1{font-size: 20px; line-height: 35px;}
.text_layout p .bigFont2{font-size: 25px; line-height: 35px;}

/* Typo UI */
.typo_layout{margin: 50px 0;}
.typo_layout.doubleMargin{margin: 80px 0;}
.typo_layout p{font-size: 40px; line-height: 55px; margin-bottom: 15px;}
.typo_layout p.verysmall{font-size: 20px; line-height: 30px;}
.typo_layout p.small{font-size: 25px; line-height: 35px;}
.typo_layout p.big{font-size: 50px; line-height: 65px;}

/* Bullet UI */
.bullet_c{padding-left: 15px; background: url("../img/bullet_01.png") no-repeat 5px 12px; background-size: 3px;}
.bullet_b{padding-left: 15px; background: url("../img/bullet_02.png") no-repeat 5px 14px; background-size: 3px;}
.bullet_s{padding-left: 15px; background: url("../img/bullet_03.png") no-repeat 5px 12px; background-size: 3px;}

/* Image UI */
.img_layout{margin: 30px 0;}
.img_layout.noMarginTop{margin-top: 0;}
.img_layout.noMarginBottom{margin-bottom: 0;}
.img_layout.first_layout{margin-top: 50px;}
.img_layout:after{display: block; content: ''; clear: both;}
.img_layout img{width: 100%;}
.img_layout li{position: relative; float: left;}
.img_layout li.only_one{width: 100% !important; margin: 0 !important;}
.img_layout.colm1 li{width: 100%;}
.img_layout.colm1 li:first-child{margin-top: 0;}
.img_layout.colm1.per70 li{text-align: center;}
.img_layout.colm1.per70 li img{width: 70%;}
.img_layout.colm1.per50 li{text-align: center;}
.img_layout.colm1.per50 li img{width: 50%;}
.img_layout.colm1.per40 li{text-align: center;}
.img_layout.colm1.per40 li img{width: 40%;}
.img_layout.colm2 li{width: 49%; margin-left: 2%; margin-top: 20px;}
.img_layout.colm2 li:nth-child(2n-1){margin-left: 0;}
.img_layout.colm2 li:nth-child(1), .img_layout.colm2 li:nth-child(2){margin-top: 0;}
.img_layout.colm3 li{width: 32%; margin-left: 2%;}
.img_layout.colm3 li:nth-child(3n+1){margin-left: 0;}
.img_layout.colm4 li{width: 23.5%; margin-left: 2%;}
.img_layout.colm4 li:nth-child(4n+1){margin-left: 0;}


/* 연혁 */
.history_title{font-size: 40px; line-height: 1.4; box-sizing: border-box; margin: 70px auto 0; text-align: center; color: #000;}
.history_title b{font-weight: 300; display: block;}
.history_title span{font-size: 48px; font-weight: 700;}
.history_wrap{position: relative; max-width: 1400px; margin: 0 auto; background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 100px;}
.history_wrap:after{content: ''; position: absolute; width: 16px; height: 16px; background: #ccc; border-radius: 20px; bottom: 0; left: 50%; margin-left: -8px;}
.history_wrap ul:after{content:""; display:block; clear:both;}
.history_wrap > div{position: relative; margin: 0 auto; }
.history_wrap > div:after{content: ''; position: absolute; width: 16px; height: 16px; background: #122A81; border-radius: 40px; top: 8px; left: 50%; margin-left: -8px; z-index: 3;}
.history_wrap > div:before{content: ''; position: absolute; width: 32px; height: 32px; background: #fff; border: 1px solid #eee; border-radius: 40px; top: 0; left: 50%; margin-left: -16px; box-sizing: border-box; z-index: 2}
.history_wrap > div > ul{margin-top: 50px;}
.history_wrap > div.first_history > ul{margin-top: 70px;}
.history_wrap > div > ul > li{float: left; width: 50%; box-sizing: border-box; min-height: 1px;}
.history_wrap > div > ul > li:nth-child(1){text-align: right; padding-right: 50px;}
.history_wrap > div > ul > li:nth-child(2){text-align: left; padding-left: 50px;}
.history_wrap > div.history_r > ul > li:nth-child(2){padding-left: 35px;}
.history_wrap > div.history_l > ul > li:nth-child(1){padding-right: 35px;}
.history_wrap .history_r li li{float: left;}
.history_wrap .history_l li li{float: right;}
.history_wrap li li:nth-child(1){position: relative; font-size: 32px; font-weight: 700; line-height: 30px; letter-spacing: -2px; padding: 0 2px; color: #2F4286;}
.history_wrap .history_r li li:nth-child(1){margin-right: 15px;}
.history_wrap .history_l li li:nth-child(1){margin-left: 15px;}
.history_wrap p{font-size: 17px; line-height: 30px; margin-bottom: 5px;}
.history_wrap p.in_child{margin-bottom: 0;}
.history_wrap p.h_2depth{font-size: 15px; color: #999; line-height: 25px; margin-bottom: 0;}
.history_wrap p.h_2depth.h_2depth_last{margin-bottom: 10px;}
.history_wrap p span{font-weight: 400; display: inline-block; width: 40px;}
.history_wrap .history_l p span{float: right; margin-left: 12px;}
.history_wrap .history_r p span{margin-right: 12px;}
.history_wrap .history_l p.h_2depth{margin-right: /*52px*/0;}
.history_wrap .history_r p.h_2depth{margin-left: /*52px*/0;}
.history_wrap .history_l p.noMonth{margin-right: /*52px*/0;}
.history_wrap .history_r p.noMonth{margin-left: /*52px*/0;}


/* 서브 : Download */
.down_btn_wrap.w70per{width: 70%; margin: 0 auto;}
.down_btn_wrap.w50per{width: 50%; margin: 0 auto;}
.down_btn_wrap ul:after {display: block; content: ''; clear: both;}
.down_btn_wrap li{float: left;}
.down_btn_wrap .snum2 li{width: 48%; margin-left: 4%;}
.down_btn_wrap .snum2 li:first-child{wmargin-left: 0;}
.down_btn_wrap .snum3 li{width: 32%; margin-left: 2%;}
.down_btn_wrap .snum3 li:first-child{margin-left: 0;}
.down_btn_wrap li:first-child{margin-left: 0 !important;}
.down_btn_wrap li a{position: relative; display: block; background: #26282C; color: #fff; font-size: 15px; height: 54px; line-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 30px; box-sizing: border-box; font-weight: 300; border-radius: 10px;}
.down_btn_wrap li a:after{content: ''; position: absolute; width: 20px; height: 20px; background: url("../imgs/down_w.png"); background-size: cover; top: 50%; margin-top: -10px; right: 20px;}
.down_btn_wrap li.link_type a:after{content: ''; position: absolute; width: 20px; height: 20px; background: url("../imgs/link_go_w.png"); background-size: cover; top: 50%; margin-top: -10px; right: 20px;}
.down_btn_wrap li a:hover{background: #122A81;}
.down_btn_wrap li.active a{background: #122A81; color: #fff;}


/* 서브 : Line */
.line_wrap{width: 100%; height: 1px; border-bottom: 1px solid #ccc; margin: 70px auto;}
.line_wrap.noTopMargin{margin-top: 0;}
.line_wrap.noBottomMargin{margin-bottom: 0;}
.line_wrap.noMargin{margin: 0;}
.line_wrap.longMarginTop{margin-top: 120px;}
.line_wrap.dotLine{border-bottom: 1px dashed rgba(0, 0, 0, 0.2);}


.color_box{width: 100%; padding: 30px; box-sizing: border-box;}
.grayBox{background: #eee;}


 /* 사이트맵 */
.sitemap_wrap{}
.sitemap_wrap .sitemap_box{margin-top: 50px;}
.sitemap_wrap h3{font-size: 27px; font-weight: 700; line-height: 45px; padding-bottom: 8px; border-bottom: 2px solid #000; color: #333;}
.sitemap_wrap .map_para:after{content:""; clear:both; display:block; *zoom:1;}
.sitemap_wrap .map_para{padding: 0 10px; box-sizing: border-box;}
.sitemap_wrap .map_para.map_line{clear: both; width: 100%; border-top: 1px solid #eee; margin-top: 35px;}
.sitemap_wrap ul{float: left; width: 20%; margin-top: 35px;}
.sitemap_wrap li{padding: 5px; box-sizing: border-box;}
.sitemap_wrap li h4 a{font-size: 17px; color: #122A81; margin-bottom: 7px;}
.sitemap_wrap li.map_depth4{}
.sitemap_wrap a{display: block; color: #666; font-weight: 350;}
.sitemap_wrap li > a{padding-left: 10px; background: url("../imgs/bullet_nav_3de.png") no-repeat 0 center; margin-left: 5px; background-size: 3px; font-size: 15px;}
.sitemap_wrap li.map_depth4 > a{margin-left: 19px; background: url("../imgs/bullet_nav_2de.png") no-repeat 0 center; font-size: 14px; color: #777;}
.sitemap_wrap a:hover{color: #000 !important; text-decoration: underline;}


.tg_blank{position:relative; display: inline-block; margin-right: 25px;}
.tg_blank:after{content: ''; position: absolute; display: inline-block; width: 18px; height: 18px; top: 50%; margin-top: -9px; margin-left: 5px;}
.tg_blank.tg_small{margin-right: 23px;}
.tg_blank.tg_small:after{content: ''; width: 16px; height: 16px; margin-top: -8px;}
.tg_blank.tg_verysmall{margin-right: 19px;}
.tg_blank.tg_verysmall:after{content: ''; width: 14px; height: 14px; margin-top: -7px;}
.tg_blank.tg_black:after{content: ''; background: url("../imgs/blank_b.png") no-repeat; background-size: cover;}
.tg_blank.tg_white:after{content: ''; background: url("../imgs/blank_w.png") no-repeat; background-size: cover;}

/* comingsoon_box */
.comingsoon_box{text-align: center; margin-top: 100px;}
.comingsoon_box img{max-width: 100px; width: 100%;}
.comingsoon_box p{color: #122A81;font-size: 38px; margin: 20px 0 10px; font-weight: 800;}
.comingsoon_box span{color: #000000; font-size: 17px; font-weight: 300;}


@media (max-width:1320px){	
	.con_wrap.nomargin{width: 100%; margin-left:0; margin-right: 0;}
    /* 유튜브 영상 100% */
    #bo_v_atc img, #bo_v_atc video{display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width: 100%; height:auto !important;}
    .videos{position:relative; height:0; padding-top:30px; padding-bottom:56.25%; overflow:hidden; text-align:center;}
    .videos iframe, .videos object, .videos embed {position:absolute; top:0; left:0; width:100%; height:100%;}
	
	.down_btn_wrap.w50per{width: 70%;}
	
}

@media (max-width:1023px){	
	.jcontainer{padding-top: 60px;}
	
	/* Layouy */
	.lays > li{margin-left: 0 !important; margin-top: 30px;}
	.lays > li:first-child{margin-top: 0;}
	.lays > li{width: 100% !important;}
    
    .layText > li{width: 75%;}
    .layText > li:first-child{width: 25%;}
    .layText h3{font-size: 21px; line-height: 30px;}
    
    /* Text UI */
	.text_layout p{font-size: 16px; line-height: 25px; margin-bottom: 25px;}
    .text_layout p.smallFont{font-size: 13px; line-height: 20px;}
    .text_layout p.bigFont{font-size: 18px; line-height: 33px;}
    .text_layout p.bigFont2{font-size: 19px; line-height: 30px;}
    .text_layout p .bigFont1{font-size: 18px; line-height: 33px;}
    .text_layout p .bigFont2{font-size: 23px; line-height: 35px;}
    .text_layout p.halfMargin{margin-bottom: 12px;}
    .text_layout p.doubleMargin{margin-bottom: 30px;}
	
	/* Typo UI */
	.typo_layout{margin: 30px 0;}
    .typo_layout.doubleMargin{margin: 60px 0;}
	.typo_layout p{font-size: 30px; line-height: 30px;}
	.typo_layout p.verysmall{font-size: 17px; line-height: 22px;}
	.typo_layout p.small{font-size: 20px; line-height: 25px;}
	.typo_layout p.big{font-size: 40px; line-height: 52px;}
	
	/* Table UI */
	.table_box th{font-size: 16px;}
	.table_box td{font-size: 15px;}
	
	.down_btn_wrap.w70per{width: 90%;}
	.down_btn_wrap.w50per{width: 90%;}
	
	.sub_nav{width: 94%;}
	
	.line_wrap.longMarginTop{margin-top: 90px;}
	
	/* 사이트맵 */
    .sitemap_wrap ul{width: 33.333%;}
    .sitemap_wrap ul:nth-child(4){clear: both;}
}


@media (max-width:767px){	
	.pc_img{display: none !important;}
    .mobile_img{display: inline-block !important;}
	
	.pc_only{display: none !important;}
	.mobile_only{display: block !important;}
	
	.con_inner{width: 92%; margin-left: 4%; margin-right: 4%;}
	.board_wrap{width: 92%; margin-left: 4%; margin-right: 4%;}
	.con_wrap{width: 92%; margin-left: 4%; margin-right: 4%;}
	.ex_inner{width: 92%; margin-left: 4%; margin-right: 4%;}
		
	.medium_title{font-size: 19px; font-weight: bold;}
	.title_topArea70{margin-top: 50px;}
	.title_bottomArea20{margin-bottom: 10px;}
	
	/* Layouy */
    .lays{margin: 30px 0;}
    
	.layText{margin: 30px 0;}
    .layText.big_margin{margin-top: 60px; margin-bottom: 50px;}
    .layText > li{width: 100%;}
    .layText > li:first-child{width: 100%;}
    .layText h3{line-height: 30px; margin-bottom: 10px;}
    .layText h3 br{display: none;}
    /* 교육 */
    .layText h3.layTitle{margin-bottom: 10px;}
    
    .layText.hafe_type > li{float: inherit; width: 100%;}
    .layText.hafe_type > li:first-child{width: 100%;}
	.layText.third_type > li{float: inherit; width: 100%;}
    .layText.third_type > li:first-child{width: 100%;}
	
    
    /* Typo UI */
    .typo_layout.doubleMargin{margin: 40px 0;}
	.typo_layout p{font-size: 25px; line-height: 32px; margin-bottom: 5px;}
	.typo_layout p.verysmall{font-size: 15px; line-height: 23px;}
	.typo_layout p.small{font-size: 17px; line-height: 27px;}
	.typo_layout p.big{font-size: 35px; line-height: 45px;}
    .typo_layout p br{display: none;}
    
    
    /* Image UI */
	.img_layout li{width: 100% !important;}
	.img_layout li:nth-child(n){margin-left: 0 !important; margin-top: 15px !important;}
	.img_layout li:nth-child(1){margin-top: 0 !important;}
	.img_layout img{width: 100% !important;}
	
	/* Left Title UI */    
    .lTitle_h3{font-size: 35px; line-height: 40px; margin: 40px 0 20px;}
    .lTitle_h4{font-size: 25px; line-height: 30px; margin: 40px 0 20px;}
    .lTitle_h5{font-size: 20px; line-height: 25px; margin: 40px 0 20px;}
    .lTitle_h6{font-size: 17px; line-height: 20px; margin: 40px 0 20px;}
	
	.scTitle{font-size: 20px; line-height: 25px; margin: 40px 0 20px;}
	
	.table_box th, .table_box td{padding: 10px; font-size: 13px;}

	/* Table UI */
	.table_scroll{overflow-x: scroll;}
	.table_scroll > table{width: 900px;}
	
	/* 연혁 */
	.history_title{font-size: 22px; margin: 30px auto 0;}
	.history_title b{font-weight: 300; display: block;}
	.history_title span{font-size: 27px; font-weight: 700;}
	.history_wrap > div.first_history > ul{margin-top: 40px;}
	.history_wrap > div > ul > li{float: inherit; width: 100%; text-align: center !important;  padding: 0 !important;}
	.history_wrap .history_year li li{margin-right: 0 !important; margin-left: 0 !important;}
	.history_wrap .history_year li li{float: inherit;}
	.history_wrap > div > ul{margin-top: 50px; padding-top: 50px;}
	.history_wrap > div > ul ul{background: #fff; padding: 10px 0;}
	.history_wrap .history_year li li:nth-child(1){margin-bottom: 20px;}
	.history_wrap .history_year li li:nth-child(1) b{position: relative; z-index: 2;}
	.history_wrap .history_year p span{float: inherit; margin-left: 0 !important; margin-right: 12px !important;}
	.history_wrap .history_year p{margin-right: 0 !important; margin-left: 0 !important;}
	
	/* 서브 : Download */
	.down_btn_wrap li{width: 100% !important; margin-left: 0 !important; margin-top: 10px;}
	.down_btn_wrap li:first-child{margin-top: 0;}
	.down_btn_wrap.w70per{width: 100%;}
	.down_btn_wrap.w50per{width: 100%;}
	
	/* 서브 : Line */
	.line_wrap{width: 100%; height: 1px; border-bottom: 1px solid #ccc; margin: 50px auto;}
	
	.sub_nav{margin-bottom: 40px;}
	
    
     /* 사이트맵 */
    .sitemap_wrap .sitemap_box{margin-top: 30px;}
    .sitemap_wrap h3{font-size: 20px; line-height: 40px; padding-bottom: 4px;}
    .sitemap_wrap .map_para{padding: 0 5px; box-sizing: border-box;}
    .sitemap_wrap ul{float: inherit; width: 100%; margin-top: 15px;}
    .sitemap_wrap ul:after{content:""; clear:both; display:block; *zoom:1;}
    .sitemap_wrap li{display: block; clear: both; padding: 2px 0; line-height: 28px;}
    .sitemap_wrap li:first-child{display: block; float: inherit; clear: both;}
    .sitemap_wrap li.map_depth4{padding: 0; float: left; display: inline-block; clear: none;}
    .sitemap_wrap a{display: inline-block;}
	
	 /* 외부링크 */
	.tg_blank.respon{margin-right: 17px;}
    .tg_blank.respon:after{content: ''; width: 12px; height: 12px; margin-top: -6px; margin-left: 3px;}
}

@media all and (max-width:580px){
	/* 외부링크 */
    .tg_blank.respon{margin-right: 0;}
    .tg_blank.respon:after{content: ''; display: none;}
}


@media (max-width:480px){	
	/* Text UI */
	.text_layout p{font-size: 15px; line-height: 25px; margin-bottom: 25px;}
    .text_layout p.smallFont{font-size: 13px; line-height: 20px;}
    .text_layout p.bigFont{font-size: 17px; line-height: 30px;}
    .text_layout p.bigFont2{font-size: 19px; line-height: 30px;}
    .text_layout p .bigFont1{font-size: 17px; line-height: 30px;}
    .text_layout p .bigFont2{font-size: 21px; line-height: 30px;}
    .text_layout p.doubleMargin{margin-bottom: 40px;}
    
	/* Typo UI */
	.typo_layout p{font-size: 20px; line-height: 32px; margin-bottom: 0;}
	.typo_layout p.verysmall{font-size: 14px; line-height: 30px;}
	.typo_layout p.small{font-size: 17px; line-height: 27px;}
	.typo_layout p.big{font-size: 30px; line-height: 37px;}
	
	/* Left Title UI */    
    .lTitle_h3{font-size: 25px; line-height: 35px; margin: 35px 0 20px;}
    .lTitle_h4{font-size: 22px; line-height: 27px; margin: 35px 0 20px;}
    .lTitle_h5{font-size: 19px; line-height: 23px; margin: 35px 0 20px;}
    .lTitle_h6{font-size: 15px; line-height: 20px; margin: 35px 0 20px;}
	
	.scTitle{font-size: 19px; line-height: 23px; margin: 35px 0 20px;}
	
	/* 서브 : Download */
	.down_btn_wrap li a{font-size: 15px; height: 50px; line-height: 48px;}
	
	.line_wrap.longMarginTop{margin-top: 60px;}
}