@charset "euc-kr";

.sub_skip {display:none;}

.mt0{margin-top:0 !important;}
.mt1{margin-top:10px !important;}
.mt2{margin-top:20px !important;}
.mt3{margin-top:30px !important;}
.mb1{margin-bottom:10px !important;}
.mb2{margin-bottom:20px !important;}
.mb3{margin-bottom:30px !important;}
.mb4{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}

.contents_wrap{background:#fafafa;}
.contents_wrap > p:first-child{display:none;}
.contents_wrap > .contents{width:1100px; margin:30px auto 0 auto;}
.contents:after{display:block; content:""; clear:both;}

/* left_menu */
#left_menu {float:left; width:220px;}
#left_menu h2 {display:table-cell; vertical-align:middle; width:220px; height:140px; background:url(../../images/sub/left_h2_bg.gif) no-repeat 0px 0px; font-size:28px; color:#fff; text-align:center; border-radius:7px 7px 0px 0px; word-break:keep-all;}
#left_menu > ul {overflow:hidden; margin-top:10px; background:#fff; border:1px solid #ddd; border-bottom:none;}
#left_menu > ul > li {border-bottom:1px solid #ddd;}
#left_menu > ul > li.last{border-bottom:1px solid #cfcfcf;}
#left_menu > ul > li > a{display:block; padding:16px 18px 15px 18px; font-size:15px; color:#666; letter-spacing:-0.045em; line-height:19px;}
#left_menu > ul > li > a:hover{color:#2185a6;}
#left_menu > ul > li > a span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#left_menu > ul > li.link_blank a span{display:inline-block; padding-right:17px; background:url(../../images/sub/link_blank.png) no-repeat right 3px;}
#left_menu > ul > li.link_self a span{display:inline-block; padding-right:17px; background:url(../../images/sub/link_self.png) no-repeat right 3px;}
#left_menu > ul > li > .util_line {overflow:hidden;}
#left_menu > ul > li > .util_line > a{float:left; display:block; width:150px; padding:16px 0 16px 18px; font-size:15px;}
#left_menu > ul > li > .util_line > a:hover{color:#2185a6;}
#left_menu > ul > li > .util_line > a.on{color:#fff; background:url(../../images/sub/left_bg2.png) 0 0 no-repeat;}
#left_menu > ul > li > .util_line > a > span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#left_menu > ul > li > .util_line > span.util {float:right; width:50px; height:50px; background:url(../../images/sub/left_open.png) 0 0 no-repeat; text-indent:-9999px; cursor:pointer;}
#left_menu > ul > li > .util_line > a.on + span.util {background:url(../../images/sub/left_open2.png) 0 0 no-repeat;}
#left_menu > ul > li.has_sub.active > .util_line > a.on {color:#fff; background:url(../../images/sub/left_bg.png) 0 0 no-repeat;}
#left_menu > ul > li.has_sub.active > .util_line > span.util {background:url(../../images/sub/left_close2.png) 0 0 no-repeat;}
#left_menu > ul > li.has_sub.active > .util_line > a.on + span.util {background:url(../../images/sub/left_close.png) 0 0 no-repeat;}
#left_menu > ul > li > a.active,#left_menu > ul > li > a.on{color:#fff; background:url(../../images/sub/left_bg2.png) 0 0 no-repeat;}
#left_menu > ul > li > a.active,#left_menu > ul > li > a.on span{display:block; width:152px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#left_menu > ul > li > a:hover{}

/* ¸Þ´º¿­¸² */
#left_menu > ul > li > ul {display:none; padding:17px 12px 9px 20px; border-top:1px solid #ddd; background-color:#fcfcfc;}
#left_menu > ul > li > ul > li {margin-bottom:10px;}
#left_menu > ul > li > ul > li > a {display:block; padding-left:9px; color:#666; font-size:14px;}
#left_menu > ul > li > ul > li > a.on{background:url(../../images/sub/depth_on.png) 0 5px no-repeat; color:#2185a6; text-decoration:underline;}
#left_menu > ul > li > ul > li > a:hover{color:#2185a6; background:url(../../images/sub/depth_on.png) 0 5px no-repeat; text-decoration:underline;}
#left_menu > ul > li > ul > li.link_blank a span{display:inline-block; padding-right:17px; background:url(../../images/sub/link_blank.png) no-repeat right 2px;}
#left_menu > ul > li > ul > li.link_self a span{display:inline-block; padding-right:17px; background:url(../../images/sub/link_self.png) no-repeat right 2px;}
#left_menu > ul > li > ul > li.has_sub span.util{display:block; width:0; height:0; text-indent:-9999px;}
#left_menu > ul > li > ul > li.has_sub > div.util_line > a{display:block; padding-left:12px; background:url(../../images/sub/depth_off.gif) 0 7px no-repeat; color:#7f7f7f; font-size:14px;}
#left_menu > ul > li > ul > li.has_sub > div.util_line > a.active,
#left_menu > ul > li > ul > li.has_sub > div.util_line > a.on,
#left_menu > ul > li > ul > li.has_sub > div.util_line > a:hover {background:url(../../images/sub/depth_on.gif) 0 7px no-repeat; color:#2185a6;}
#left_menu > ul > li > ul > li > ul {padding:10px 0 2px 10px;}
#left_menu > ul > li > ul > li > ul > li {margin-bottom:5px;}
#left_menu > ul > li > ul > li > ul > li > a {padding-left:10px; font-size:14px;}
#left_menu > ul > li > ul > li > ul > li > a.on {background:url(../../images/sub/left_sub_depth_icon1.png) no-repeat left; color:#2185a6;}

/* page_navi */
.navi{width:100%; height:47px; border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6; background:#fff;}
.n_wrap{overflow:hidden; position:relative; width:1100px; margin:0 auto;}
.state{overflow:hidden; float:left;}
.state span{display:block; position:relative; float:left; width:auto; min-width:80px; height:16px; padding:16px 40px 16px 20px; color:#494949; font-size:13px; border-right:solid 1px #e6e6e6;}
.state span::after{position:absolute; content:""; top:19px; right:20px; width:5px; height:9px; background:url(../../images/sub/state_line.png) 0 0 no-repeat;}
.state span:first-child{width:auto; min-width:initial; padding:16px 20px; margin:0; border-left:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6;}
.state span:first-child::after{background:none;}
.state span:last-child{padding:16px 20px;}
.state span:last-child::after{background:none;}
.state span strong{color:#155582; font-family:"NanumBarunGothicB";}
.etc{overflow:hidden; float:right;}
.etc .sns{float:left;}
.sns_open{float:right; width:47px; height:47px; cursor:pointer; border-left:solid 1px #e6e6e6;}
.sns_menu{display:none; float:left; margin:10px 10px 0 0;}
.sns_menu a{display:inline-block; margin:0 2px;}
.etc .print{float:right; border-left:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6;}
.etc .print a{display:inline-block;}
.m_etc{display:none;}

/* sub */
#sub {position:relative; float:right; padding:40px 34px 0 34px; width:850px; border:1px solid #e6e6e6; background:#fff; box-sizing:border-box;}
#sub2{padding:40px 35px 0 35px; width:1100px; border:1px solid #e6e6e6; background:#fff; box-sizing:border-box;}
.strapline{margin-bottom:60px;}
.strapline h3{padding-left:15px; font-size:34px; letter-spacing:-0.045em; background:url(../../images/sub/strapline.png) 0 3px no-repeat;}
.sub_contents{min-height:650px;}
.sub_contents h4{padding-left:22px; margin-top:50px; color:#1a805e; font-size:18px; font-family:"NanumSquareB"; background:url(../../images/sub/tit_bg.png) 0 1px no-repeat; letter-spacing:-0.045em;}
.sub_contents h4:first-child{margin-top:0px;}
.sub_contents h4 ~ p{margin:14px 0 0 0; color:#444; font-size:14px; font-family:"NanumBarunGothic"; line-height:26px;}
.sub_contents h5{padding-left:25px; margin-top:28px; color:#555; font-size:16px; font-family:"NanumBarunGothicB"; background:url(../../images/sub/tit_bg2.png) 0 1px no-repeat;}
.sub_contents h5 ~ p{margin:14px 0 0 0; color:#444; font-size:14px; font-family:"NanumBarunGothic"; line-height:26px;}
.sub_contents h6{color:#3577cb; font-size:30px;}
.sub_contents ul.paragraph1{margin-top:12px;}
.sub_contents ul.paragraph1 li{position:relative; padding-left:10px; margin-top:10px; color:#444; font-size:13px; line-height:23px; font-family:"NanumBarunGothic";}
.sub_contents ul.paragraph1 li:first-child{margin-top:0;}
.sub_contents ul.paragraph1 li::before{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:30px; background:#969696;}
.sub_contents ul.paragraph1.n_dot li{position:static;}
.sub_contents dl.paragraph2{margin-top:12px;}
.sub_contents dl.paragraph2 dt{position:relative; padding-left:10px; margin:10px 0 5px 0; color:#111; font-size:13px; line-height:23px; font-family:"NanumBarunGothic";}
.sub_contents dl.paragraph2 dt:first-child{margin-top:0;}
.sub_contents dl.paragraph2 dt::before{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:30px; background:#88cc00;}
.sub_contents dl.paragraph2 dd{position:relative; padding-left:10px; color:#555; font-size:13px; line-height:23px; font-family:"NanumBarunGothic";}
.sub_contents p.reference{margin-top:20px; color:#f24724; font-size:13px;}
.sub_contents ul.reference{padding:20px; margin-top:20px; background:#f5f5f5;}
.sub_contents ul.reference li{padding-left:25px; color:#666; font-size:14px; background:url(../../images/sub/reference.png) no-repeat 0px 5px; line-height:28px;}
.sub_contents div.section1{margin-left:17px;}
.sub_contents div.section1 p{margin:14px 0 0 0; color:#444; font-size:13px; font-family:"NanumBarunGothic"; line-height:26px;}
.sub_contents div.section1 p.reference{color:#f24724;}

.sub_contents .line_box{padding:22px; margin-top:20px; border:1px solid #ddd;}
.sub_contents .line_box h5{padding-left:25px; color:#555; font-size:16px; font-family:"NanumBarunGothicB"; background:url(../../images/sub/tit_bg2.png) 0 1px no-repeat;}
.sub_contents .line_box ul{margin:12px 0 0 0;}
.sub_contents .line_box ul li{position:relative; padding-left:10px; margin-top:10px; color:#111; font-size:13px;}
.sub_contents .line_box ul li:first-child{margin-top:0;}
.sub_contents .line_box ul li::before{content:""; position:absolute; top:5px; left:0; width:4px; height:4px; border-radius:30px; background:#969696;}
.sub_contents .line_box ol{margin-top:12px;}
.sub_contents .line_box ol li{margin-top:10px; color:#444; font-size:13px;}
.sub_contents .line_box ol li:first-child{margin-top:0;}
.sub_contents .line_box ol li span{display:inline-block; text-align:center; padding:2px 0 1px 0; margin-right:5px; width:17px; color:#666; font-size:11px; border:1px solid #aaa; border-radius:8px; box-sizing:border-box;}
.sub_contents .line_box dl{}
.sub_contents .line_box dl dt{position:relative; padding-left:10px; margin-top:15px; color:#111; font-size:13px; line-height:20px;}
.sub_contents .line_box dl dt:first-child{margin-top:0;}
.sub_contents .line_box dl dt::before{content:""; position:absolute; top:7px; left:0; width:4px; height:4px; border-radius:30px; background:#969696;}
.sub_contents .line_box dl dd{position:relative; padding-left:24px; margin-top:10px; color:#555;}
.sub_contents .line_box dl dd::before{content:""; position:absolute; top:6px; left:10px; width:6px; height:2px; background:#aaa;}
.sub_contents .line_box p.badge{margin:10px 0 0 10px; color:#444;}
.sub_contents .line_box p.badge span{display:inline-block; padding:4px 7px; margin-right:5px; color:#fff; font-size:14px; background:#636363;}

/* ÇÏÀ§¸µÅ© - tab */
.tab{margin:50px 0 40px 0;}
.tab ul{display:table; table-layout:fixed; width:100%;}
.tab ul li{display:table-cell; vertical-align:middle; background:#eee; border-left:1px solid #fff; border-right:1px solid #fff;}
.tab ul li:first-child{border-left:none;}
.tab ul li:last-child{border-right:none;}
.tab ul li a{display:block; text-align:center; padding:12px; color:#666; font-size:15px; font-family:"NanumBarunGothic"; word-break:keep-all;}
.tab ul li:first-child a{margin-left:0;}
.tab ul li.on{background:#555;}
.tab ul li.on a{color:#fff; font-family:"NanumBarunGothicB";}

/* À̹ÌÁö */
.sec_img1{overflow:hidden; margin:30px 0;}
.sec_img1 .right{float:right;}
.sec_img1 .center{text-align:center;}
.sec_img1 .left{float:left;}
.sec_img1 img{max-width:100%;}

/* Å×À̺í */
.sub_style_1{margin-top:10px; width:100%; table-layout:fixed; font-size:13px; border-top:2px solid #111;}
.sub_style_1.center{text-align:center;}
.sub_style_1 th{padding:12px; color:#222; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background:#fbfbfb; font-family:"NanumBarunGothicB";}
.sub_style_1 th:last-child{border-right:none;}
.sub_style_1 th:first-child{border-left:none;}
.sub_style_1 th.left{text-align:left;}
.sub_style_1 th.right{text-align:right;}
.sub_style_1 td{padding:10px 15px; color:#666; font-family:"NanumBarunGothic"; border-bottom:1px solid #ddd; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; line-height:24px;}
.sub_style_1 td:last-child{border-right:none;}
.sub_style_1 td:first-child{border-left:none;}
.sub_style_1 td.center{text-align:center;}
.sub_style_1 td.right{text-align:right;}
.sub_style_1 td a:hover{text-decoration:underline;}
.sub_style_1 td ul{}
.sub_style_1 td ul li{padding-left:12px; position:relative; line-height:24px;}
.sub_style_1 td ul li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#aaa; border-radius:2px;}
.sub_style_1 td .metro{display:inline-block; text-align:center; padding:5px 0px 4px 0px; margin-right:5px; width:60px; color:#fff; font-size:12px; line-height:initial; border-radius:2px;}
.sub_style_1 td .metro.ever{background:#61b350;}
.sub_style_1 td .metro.bundang{background:#f2ae24;}
.sub_style_1 td .metro.n_bundang{background:#b33655;}

/* 180125 Ãß°¡ */
.sub_style_1 td input.inp1{padding:10px; width:180px; height:39px; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; line-height:14px;}
.sub_style_1 td select::-ms-expand{display:none;}
.sub_style_1 td select.sel1{padding:10px 50px 10px 10px; width:180px; height:39px; color:#888; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url(../../images/sub/select_bg.gif) no-repeat right center #fff; line-height:14px;}
/* 180125 ³¡ */

.sub_style_2{margin-top:10px; width:100%; table-layout:fixed; font-size:13px; border-top:2px solid #111;}
.sub_style_2.center{text-align:center;}
.sub_style_2 th{padding:12px; color:#222; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background:#fbfbfb; font-family:"NanumBarunGothicB";}
.sub_style_2 th:last-child{border-right:none;}
.sub_style_2 th.left{text-align:left;}
.sub_style_2 th.right{text-align:right;}
.sub_style_2 td{padding:10px 15px; color:#666; font-family:"NanumBarunGothic"; border-bottom:1px solid #ddd; border-left:1px solid #d4d4d4; line-height:24px;}
.sub_style_2 td:first-child{border-left:none;}
.sub_style_2 td.center{text-align:center;}
.sub_style_2 td.right{text-align:right;}
.sub_style_2 td a:hover{text-decoration:underline;}
.sub_style_2 td ul{}
.sub_style_2 td ul li{padding-left:12px; position:relative; line-height:24px;}
.sub_style_2 td ul li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#aaa; border-radius:2px;}
.sub_style_2 td .metro{display:inline-block; text-align:center; padding:5px 0px 4px 0px; margin-right:5px; width:60px; color:#fff; font-size:12px; line-height:initial; border-radius:2px;}
.sub_style_2 td .metro.ever{background:#61b350;}
.sub_style_2 td .metro.bundang{background:#f2ae24;}
.sub_style_2 td .metro.n_bundang{background:#b33655;}


/* 180829 Ãß°¡ */
/* ÇÁ·Î±×·¥&½Ã¼³¾È³» */
.program_list{padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.program_list > ul{overflow:hidden;}
.program_list > ul > li{float:left; padding:12px; margin:0 15px 15px 0; width:calc(100%/3 - 30px/3); min-height:330px; border:1px solid #ddd; box-sizing:border-box;}
.program_list > ul > li:nth-child(3n){margin-right:0;}
.program_list > ul li a{display:block;}
.program_list > ul li .img{position:relative; height:140px; background:#fff;}
.program_list > ul li .img img{display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-width:100%; max-height:100%;}
.program_list > ul li p{display:block; overflow:hidden; margin-top:15px; width:100%; color:#3577cb; font-size:17px; font-weight:600; text-overflow:ellipsis; white-space:nowrap;}
.program_list ul li ul{margin-top:20px;}
.program_list ul li ul li{position:relative; padding-left:2px; margin-top:6px; color:#555; font-size:14px; line-height:20px;}
.program_list ul li ul li:first-child{margin-top:0px;}
/*.program_list ul li ul li::before{content:''; position:absolute; top:9px; left:0px; width:6px; height:2px; background:#555;}*/
.program_view{overflow:hidden; padding:40px 30px; background:#f5f5f5;}
.program_view .img{float:right;}
.program_view .img img{max-width:100%;}
.program_view .txt{float:left; width:380px;}
.program_view .txt h6{color:#3577cb; font-size:30px;}
.program_view .txt p.tit{margin-top:10px; font-size:20px; font-weight:600;}
.program_view .txt span{display:block; margin-top:15px; font-size:15px; line-height:22px;}
/* 180829 ³¡ */

/* text box1 */
.txt_box{overflow-y:scroll; position:relative; margin-bottom:20px; height:210px; border:1px solid #dbdbdb;}
.txt_box div{padding:38px 42px; background:#fff;}
.txt_box div.tb_img01{background:url(../../images/sub/tb_img01.png) no-repeat 92% center #fff;}
.txt_box div.tb_img02{background:url(../../images/sub/tb_img02.png) no-repeat 92% center #fff;}
.txt_box div.tb_img03{background:url(../../images/sub/tb_img03.png) no-repeat 92% center #fff;}
.txt_box div.tb_img04{background:url(../../images/sub/tb_img04.png) no-repeat 92% center #fff;}
.txt_box div.tb_img05{background:url(../../images/sub/tb_img05.png) no-repeat 92% center #fff;}
.txt_box div.tb_img06{background:url(../../images/sub/tb_img06.png) no-repeat 92% center #fff;}
.txt_box div.tb_img07{background:url(../../images/sub/tb_img07.png) no-repeat 92% center #fff;}
.txt_box div p{position:relative; margin:0px 0 22px 0; font-size:14px;}
.txt_box div p::before{content:""; position:absolute; top:12px; left:-44px; width:20px; height:3px; background:#888;}
.txt_box div p.tit{margin-bottom:15px; width:490px; color:#2483b2; font-size:20px; font-family:"NanumSquareB"; letter-spacing:-0.045em; line-height:30px;}
.txt_box div > span{display:block; width:490px; color:#555; font-size:14px; line-height:24px;}
.txt_box div ul{margin-top:8px; width:590px;}
.txt_box div ul li{position:relative; padding-left:10px; margin-bottom:10px; color:#555; font-size:14px; line-height:24px;}
.txt_box div ul li:last-child{margin-bottom:0;}
.txt_box div ul li::after{content:""; position:absolute; top:9px; left:0px; width:4px; height:4px; background:#969696; border-radius:2px;}
.txt_box div ul li span{display:block; font-size:15px; font-family:"NanumBarunGothicB";}
.txt_box div ul li b{color:red; font-weight:normal;}

/* text box2 */
.txt_box2{overflow-y:scroll; position:relative; margin-bottom:20px; height:170px; border:1px solid #dbdbdb;}
.txt_box2 div{padding:38px 42px; background:#fff;}
.txt_box2 div.tb_img01{background:url(../../images/sub/tb_img01.png) no-repeat 92% center #fff;}
.txt_box2 div.tb_img02{background:url(../../images/sub/tb_img02.png) no-repeat 92% center #fff;}
.txt_box2 div.tb_img03{background:url(../../images/sub/tb_img03.png) no-repeat 92% center #fff;}
.txt_box2 div.tb_img04{background:url(../../images/sub/tb_img04.png) no-repeat 92% center #fff;}
.txt_box2 div.tb_img05{background:url(../../images/sub/tb_img05.png) no-repeat 92% center #fff;}
.txt_box2 div.tb_img06{background:url(../../images/sub/tb_img06.png) no-repeat 92% center #fff;}
.txt_box2 div.tb_img07{background:url(../../images/sub/tb_img07.png) no-repeat 92% center #fff;}
.txt_box2 div p{position:relative; margin:0px 0 22px 0; font-size:14px;}
.txt_box2 div p::before{content:""; position:absolute; top:12px; left:-44px; width:20px; height:3px; background:#888;}
.txt_box2 div p.tit{margin-bottom:15px; width:490px; color:#2483b2; font-size:20px; font-family:"NanumSquareB"; letter-spacing:-0.045em; line-height:30px;}
.txt_box2 div > span{display:block; width:490px; color:#555; font-size:14px; line-height:24px;}
.txt_box2 div ul{margin-top:8px; width:590px;}
.txt_box2 div ul li{position:relative; padding-left:10px; margin-bottom:10px; color:#555; font-size:14px; line-height:24px;}
.txt_box2 div ul li:last-child{margin-bottom:0;}
.txt_box2 div ul li::after{content:""; position:absolute; top:9px; left:0px; width:4px; height:4px; background:#969696; border-radius:2px;}
.txt_box2 div ul li span{display:block; font-size:15px; font-family:"NanumBarunGothicB";}
.txt_box2 div ul li b{color:red; font-weight:normal;}

.scroll_box{overflow-y:scroll; padding:20px; margin-bottom:30px; height:170px; border:1px solid #dbdbdb; box-sizing:border-box;}
.scroll_box p{position:relative; padding-left:10px; margin:20px 0 12px 0; font-size:14px;}
.scroll_box p::after{content:""; position:absolute; top:5px; left:0; width:4px; height:4px; background:#2185a6;}
.scroll_box p:first-child{margin-top:0;}
.scroll_box span{display:block; margin-left:10px; line-height:22px;}
.scroll_box span b{color:#2185a6; font-weight:normal; font-family:"NanumBarunGothicB";}
.scroll_box ul{margin:10px 0 0 10px;}
.scroll_box ul li{color:#555; line-height:22px; }

/* 180125 Ãß°¡ */
.lec_popup{padding:25px;}
.lec_popup div{padding:20px; margin-bottom:30px; background:#fafafa;}
.lec_popup div p{color:#333; font-size:15px; font-family:"NanumBarunGothicB";}
.lec_popup div span{display:block; margin-top:15px; color:red;}
.lec_popup table{margin-bottom:25px;}
.lec_popup .btn{display:block; text-align:center; padding:10px 0; margin:0 auto; width:80px; background:#268cbf; color:#fff;}
/* 180125 ³¡ */

/* Àλ縻 */
.greeting{overflow:hidden; word-break:keep-all;}
.greeting p.tit{margin:55px 0 25px 0; color:#333; font-size:24px; font-family:"NanumSquare"; line-height:40px; letter-spacing:-0.045em;}
.greeting p.tit span{color:#2185a6;}
.greeting p{margin-bottom:20px; color:#444; font-size:15px; line-height:26px;}
.greeting p.sign{float:right; margin-top:45px; color:#707070; font-size:14px;}
/* ¼¾ÅͼҰ³ */
.operation_facil{padding:40px; border:1px solid #ddd;}
.operation_facil .intro{overflow:hidden; position:relative;}
.operation_facil .intro_text{float:left; width:350px;}
.operation_facil .intro_text .tit{margin-bottom:30px; color:#333; font-size:22px; font-family:"NanumSquare"; line-height:34px; letter-spacing:-0.045em; word-break:keep-all;}
.operation_facil .intro_text .tit b{color:#1386bf; font-family:"NanumSquareB";}
.operation_facil .intro_text .txt{display:block; color:#444; font-size:14px; line-height:24px;}
.operation_facil .intro_text .btn_type2{position:absolute; bottom:40px; left:0;}
.operation_facil .main_img{float:right;}
/* Ãþº°½Ã¼³¾È³» */
.facil_guide{margin-top:10px; border-top:2px solid #111;}
.facil_guide li.list{overflow:hidden; padding:20px; border-bottom:1px solid #d5d5d5;}
.facil_guide li.list img{display:inline-block; float:left; width:190px; height:133px;}
.facil_guide li.list div{}
.facil_guide li.list div .tit{margin-bottom:15px; color:#333; font-size:18px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.facil_guide li.list div .txt{}
.facil_guide li.list div .txt > li{position:relative; padding-left:11px; color:#555; font-size:14px; line-height:24px;}
.facil_guide li.list div .txt > li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#aaa; border-radius:2px;}
.facil_guide li.list div .txt li ol li{}
.facil_guide li.list div .txt li span{display:block; margin-left:10px; color:#2996cc; font-size:13px;}

/* 180906 Ãß°¡ */
/* ¼ö°­½Åû Ä«Å×°í¸® */
.category{overflow:hidden; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.category:first-child{border-top:2px solid #111;}
.category:nth-child(2n-1){background:#fbfbfb;}
.category p{float:left; padding:20px 0px 20px 45px; width:100%; background:url(../../images/sub/tit_bg2.png) 20px center no-repeat; color:#2483b2; font-size:16px; font-family:"NanumBarunGothicB"; box-sizing:border-box;}
.category ul{overflow:hidden; float:left; width:100%; padding:8px 0;}
.category ul li{float:left; position:relative; padding-left:34px; width:calc(100%/4); box-sizing:border-box;}
.category ul li a{display:block; padding:10px 0; color:#666; font-size:15px; font-family:"NanumBarunGothicB";}
.category ul li a::before{content:''; position:absolute; top:15px; left:20px; width:6px; height:6px; background:#53a653; border-radius:3px;}
/* 180906 ³¡ */

/* °­»ç¾È³» */
.teacher_intro{margin-top:30px;}
.teacher_intro > li{overflow:hidden; padding:30px 40px; margin-bottom:30px; border:1px solid #d5d5d5;}
.teacher_intro > li:last-child{margin-bottom:0;}
.teacher_intro li .left{float:left; margin-right:30px;}
.teacher_intro li .left img{}
.teacher_intro li .right{float:left; width:525px;}
.teacher_intro li .right .tit{color:#2483b2; font-size:20px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.teacher_intro li .right .txt{margin-top:18px;}
.teacher_intro li .right .txt > li{overflow:hidden; margin-bottom:15px; line-height:15px;}
.teacher_intro li .right .txt > li:last-child{margin-bottom:0px;}
.teacher_intro li .right .txt li span{display:block; float:left; position:relative; padding-left:12px; margin-right:15px; width:85px; border-right:1px solid #ddd; color:#555; font-size:15px; font-family:"NanumBarunGothicB";}
.teacher_intro li .right .txt li span::after{content:""; position:absolute; top:5px; left:0; width:4px; height:4px; border-radius:2px; background:#969696;}
.teacher_intro li .right .txt li div{float:left; width:410px;}
.teacher_intro li .right .txt li div ul{margin-top:-3px;}
.teacher_intro li .right .txt li div ul li{margin-bottom:10px; color:#555; font-size:14px; line-height:22px;}
.teacher_intro li .right .txt li div ul li:last-child{margin-bottom:0;}

/* ¸¶ÀÌÆäÀÌÁö */
.step{margin-bottom:40px;}
.step ol{display:table; overflow:hidden; table-layout:fixed; width:100%;}
.step ol li{display:table-cell; position:relative; vertical-align:middle; width:auto; height:50px; background:#e5e5e5; font-family:"NanumBarunGothic"; font-size:15px; color:#666; text-align:center;}
.step ol li.on{position:relative; background:#268cbf; color:#fff;}

/* tag */
.tag{overflow:hidden; margin-top:50px;}
.tag p{float:left; width:47px; padding:2px 0; margin-right:12px; border-radius:3px; background-color:#0281cc; font-family:NanumBarunGothicB; font-size:12px; color:#fff; text-align:center;}
.tag div{float:left; width:760px;}
.tag div a{display:inline-block; margin:3px 5px 0 0; color:#777;}

/* copyright */
.copyright{margin-top:25px;}

/* ¸¸Á·µµ */
#evaluation{overflow:hidden; position:relative; padding-top:20px; margin:90px 0 50px 0; border-top:1px solid #111;}
.eval_wrap{overflow:hidden;}
.eval_txt{float:left; padding:24px 20px 25px 45px; background:url(../../images/sub/eval_tit.png) left center no-repeat;}
.eval_txt p{color:#727272; font-size:18px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.eval_txt strong{margin-right:8px; color:#575757;}
.eval_sec{float:right; position:relative; padding:17px 20px; width:580px; border:1px solid #eaeaea;}
.eval_sec p{margin-bottom:10px; font-size:16px;}
.gtb{overflow:hidden;}
.gtb ul{overflow:hidden; float:left; margin-top:6px;}
.gtb ul li{float:left; margin-right:20px; color:#666; font-size:14px; font-family:"NanumBarunGothic";}
.gtb ul li input{margin-right:10px;}
.gtb ul li label{vertical-align:bottom; }
.eval_sec a{display:block; position:absolute; top:45px; right:20px; text-align:center; width:50px; padding:6px 0; color:#fff !important; font-size:14px; background:#606060;}
.eval_insert{display:none; overflow:hidden; margin-top:15px;}
.eval_insert textarea{float:left; padding:10px; width:480px; height:72px; border:1px solid #d4d4d4; box-sizing:border-box;}
.eval_insert input[type="button"]{float:right; width:93px; height:72px; border:1px solid #3c3c3c; background:#fff; font-size:14px; text-align:center; cursor:pointer;}
/* ´ã´çºÎ¼­ */
.eval_list{overflow:hidden; padding:10px 20px; margin-top:25px; border:1px solid #e0e0e0; background:#fbfbfb;}
.eval_list p{float:left; margin-right:15px; padding-right:15px; background:url(../../images/sub/manager_arr.gif) right 3px no-repeat; font-size:16px; font-family:"NanumBarunGothicB"; color:#024f81;}
.eval_list ul{overflow:hidden; padding:10px 0; border-top:1px dashed #ddd;}
.eval_list ul:first-child{padding-top:0; border-top:none;}
.eval_list ul:last-child{padding-bottom:0;}
.eval_list ul li{float:left; padding:10px 0 10px 35px; width:215px; color:#787878; font-family:"NanumBarunGothic";}
.eval_list ul li.eval_group{background:url(../../images/sub/eval_group.png) 0px 3px no-repeat;}
.eval_list ul li.eval_member{background:url(../../images/sub/eval_member.png) 0px 3px no-repeat;}
.eval_list ul li.eval_tel{background:url(../../images/sub/eval_tel.png) 0px 3px no-repeat;}
.eval_list ul li strong{color:#444; font-weight:500;}

/* ½Ã½ºÅÛ °æ°í */ 
.system_warning_box{overflow: hidden; padding-top: 50px; padding-left: 43px;}
.system_warning_box > p{display: block; float: left;}
.system_warning_box > p.system_warning_text_{font-weight: bold; font-size: 22px; color: #b03030; line-height: 180%; margin: 10px 0px 0px 45px;}
h4.system_warning_h4{background: url("../../images/common/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold;  margin-top: 45px;}
.system_warning_box2{ margin-top: 5px;}
.system_warning_textarea{width: 94%; height: 150px; overflow-y:scroll; padding: 3%; border:1px solid lightgray;}
.system_warning_box2_text{color: #707070; padding: 5px 0px 0px 5px;}
.system_bot_bt{text-align: center; margin-top: 20px;}
.system_warning_bt1{border:none; background: url("../../images/common/system_pop_01.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_bt2{border:none; background: url("../../images/common/system_pop_02.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_h4_1{background: url("../../images/common/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 45px;}
.system_warning_h4_2{background: url("../../images/common/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 10px;}
.system_warning_textarea2{width: 96%; height: 40px; overflow-y:scroll; padding: 2%; border:1px solid lightgray;}
.system_warning_textarea3{width: 96%; height: 60px; overflow-y:scroll; padding: 2%; border:1px solid lightgray;}

/* ȸ¿ø°¡ÀÔ */
/* °¡ÀԾȳ» */
.join_select{overflow:hidden; margin-top:50px;}
.join_select > li{float:left; padding:25px; margin-right:3%; width:48.5%; border:1px solid #ddd; box-sizing:border-box;}
.join_select > li:last-child{margin-right:0;}
.join_select li .tit{margin-bottom:10px; font-size:18px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.join_select li .tit b{color:#2185a6; font-weight:normal;}
.join_select li ul{}
.join_select li ul li{margin-bottom:6px; color:#555;}
.join_select .btn{display:block; text-align:center; padding:10px 0; margin-top:15px; width:120px; color:#fff; font-size:15px; background:#2185a6;}

/* step */
.step1{margin-bottom:40px;}
.step1 ol{display:table; overflow:hidden; table-layout:fixed; width:100%;}
.step1 ol li{display:table-cell; position:relative; width:auto; padding:21px 0 21px 20px; background:#e5e5e5; font-family:"NanumBarunGothic"; font-size:15px; color:#666; text-align:center;}
.step1 ol li::before{content:""; position:absolute; z-index:1; top:0; right:-30px; border-bottom:30px solid #e5e5e5; border-right:30px solid transparent;}
.step1 ol li::after{content:""; position:absolute; z-index:1; top:30px; right:-30px; border-top:30px solid #e5e5e5; border-right:30px solid transparent;}
.step1 ol li.on{position:relative; background:#268cbf; color:#fff;}
.step1 ol li.on::before{content:""; position:absolute; z-index:1; top:0; right:-30px; border-bottom:30px solid #268cbf; border-right:30px solid transparent;}
.step1 ol li.on::after{content:""; position:absolute; z-index:1; top:30px; right:-30px; border-top:30px solid #268cbf; border-right:30px solid transparent;}
.step1 ol li.line{border-right:1px solid #797e85;}

/* ¾à°üµ¿ÀÇ */
.agree_notice{padding-bottom:30px; border-bottom:1px solid #ddd;}
.agree_notice li{padding-left:28px; margin-bottom:6px; color:#555; font-size:14px; background:url(../../images/sub/agree_notice.png) no-repeat 0 0; line-height:22px;}
.agree_notice li b{font-weight:normal; color:red;}
.agree{margin-top:30px;}
.agree span label{margin-left:8px;}
.agree input[type="checkbox"]{width:13px; height:13px;}
.agree_txt{margin-bottom:20px;}
.agree_txt > div{overflow-y:scroll; height:196px; padding:15px; margin-bottom:15px; border:1px solid #dbdbdb;}
.agree_txt span{display:block; text-align:right;}
.agree_all{text-align:center; padding:20px 0; margin-top:40px; color:#268cbf; font-size:15px; font-family:'NanumBarunGothicB'; border:1px solid #ddd;}
.agree_all span label{margin-left:8px;}

/* ·Î±×ÀÎ */
.login_wrap{text-align:center; padding:50px 60px; border:1px solid #d5d5d5;}

.login_wrap.bg_temp{padding-top:15px; background:url(/images/sub/login_bg01.png) no-repeat center 55px;}

.login_wrap.bg1{padding-top:160px; background:url(/images/sub/login_bg01.png) no-repeat center 55px;}
.login_wrap.bg2{padding-top:160px; background:url(/images/sub/login_bg02.png) no-repeat center 55px;}

.login_wrap .tit_temp{color:#333; font-size:17px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.login_wrap .tit_temp b{color:#268cbf;}

.login_wrap .tit{color:#333; font-size:40px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.login_wrap .tit b{color:#268cbf;}
.login_wrap .tit2{color:#333; font-size:32px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.login_wrap .tit2 b{color:#268cbf;}
.login_wrap .txt{margin-top:20px; color:#444; font-size:22px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.login_wrap .txt2{display:block; margin-top:10px; color:#666; font-size:15px;}
.login_wrap .login_form{overflow:hidden; padding-top:35px; margin:0 auto; width:420px;}

.login_wrap .login_notice_temp{padding:25px 40px; margin-top:5px; background:#fafafa;}
.login_wrap .login_notice_temp li{position:relative; text-align:left; padding-left:10px; margin-bottom:8px; font-size:14px; line-height:24px;}
.login_wrap .login_notice_temp li:last-child{margin-bottom:0;}
.login_wrap .login_notice_temp li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#969696; border-radius:2px;}
.login_wrap .login_notice_temp li.no_dot::after{display:none;}
.login_wrap .login_notice_temp li.center{margin:0 auto 8px auto; width:250px;}
.login_wrap .login_notice_temp li.center:last-child{margin-bottom:0;}

.login_wrap .login_notice{padding:25px 40px; margin-top:40px; background:#fafafa;}
.login_wrap .login_notice li{position:relative; text-align:left; padding-left:10px; margin-bottom:8px; font-size:14px; line-height:24px;}
.login_wrap .login_notice li:last-child{margin-bottom:0;}
.login_wrap .login_notice li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#969696; border-radius:2px;}
.login_wrap .login_notice li.no_dot::after{display:none;}
.login_wrap .login_notice li.center{margin:0 auto 8px auto; width:250px;}
.login_wrap .login_notice li.center:last-child{margin-bottom:0;}
.login_wrap .fac_list{margin:40px auto 0 auto; width:400px; border:1px solid #ddd; box-sizing:border-box;}
.login_wrap .fac_list p{text-align:center; padding:15px 0; border-bottom:1px solid #ddd; color:#444; font-size:15px; font-family:'NanumBarunGothicB';}
.login_wrap .fac_list ul{padding:30px;}
.login_wrap .fac_list ul li{position:relative; padding-left:10px; margin-bottom:12px; text-align:left;}
.login_wrap .fac_list ul li:last-child{margin-bottom:0px;}
.login_wrap .fac_list ul li::after{content:''; position:absolute; top:6px; left:0; width:4px; height:4px; background:#969696; border-radius:2px;}
.login_insert{float:left;}
.login_insert input[type="text"], .login_insert input[type="password"]{display:block; width:300px; height:45px; padding:14px 0 14px 20px; margin-bottom:10px; border:1px solid #d5d5d5; box-sizing:border-box;}
.login_btn{float:right;}
.login_btn input[type="submit"]{text-align:center; width:110px; height:100px; border:none; color:#fff; font-family:"NanumSquareB"; font-size:18px; background:#268cbf; letter-spacing:-0.045em; cursor:pointer;}
.login_btn input[type="button"]{text-align:center; width:110px; height:100px; border:none; color:#fff; font-family:"NanumSquareB"; font-size:18px; background:#268cbf; letter-spacing:-0.045em; cursor:pointer;}
.id_check{clear:both; text-align:left; padding-bottom:20px; font-size:14px;}
.login_option{overflow:hidden; padding-top:40px; border-top:1px solid #ddd;}
.option_wrap{margin:0 auto; width:420px;}
.option_wrap li{overflow:hidden; margin-bottom:8px;}
.option_wrap span{float:left; position:relative; padding:11px 0 10px 12px;}
.option_wrap span::after{content:""; position:absolute; top:15px; left:0; width:4px; height:4px; background:#949494; border-radius:2px;}
.option_wrap a{display:inline-block; float:right; text-align:center; width:110px; padding:11px 0 10px 0; background:#666; color:#fff;}
.option_wrap a:last-child{margin-right:0;}

/* ȸ¿ø°¡ÀÔ ¿¬·É ¼±Åà */
.m_step{display:none;}
.step{margin-bottom:30px;}
.join_wrap_age{padding:50px 55px; margin-top:40px; border:1px solid #d5d5d5; text-align:center;}
.join_age{font-family:"NanumSquareB"; font-size:22px;}
.age_sel{overflow:hidden; margin:35px 0 27px 0; padding-bottom:34px; border-bottom:1px solid #dbdbdb;}
/* 180904 Ãß°¡ */
.age_sel a{display:inline-block; width:210px; height:160px; padding:18px 25px; border-radius:3px; text-align:left; color:#fff; box-sizing:border-box;}
.age_sel a.high{margin-right:10px; background:url(../../images/sub/join_icon1.png) no-repeat 140px 20px #268cbf;}
.age_sel a.low{margin-right:10px; background:url(../../images/sub/join_icon2.png) no-repeat 140px 20px #21749e;}
.age_sel a.end{margin-right:0px; background:140px 20px #666;}
/* 180904 ³¡ */
.age_sel a span.age{display:block; margin-bottom:10px; font-size:16px;}
.age_sel a span{line-height:20px; /*word-break:keep-all;*/}
.j_sign1{height:20px; padding-left:25px; background:url(../../images/sub/sign_icon01.gif) 0 0 no-repeat; font-size:14px; text-align:left; line-height:20px;}

/* º»ÀÎÀÎÁõ, °¡ÀÔ¿©ºÎ */
.certification{overflow:hidden; margin-top:30px;}
.certification div{width:379px; padding:30px; border:1px solid #ddd; box-sizing:border-box;}
.certification div.mobile{float:left; background:url(../../images/sub/mobile_bg.gif) no-repeat 65px 45%;}
.certification div.ipin{float:right; background:url(../../images/sub/ipin_bg.gif) no-repeat 45px 45%;}
.certification div p.tit{color:#333; font-size:18px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.certification div span.btn{display:block; text-align:right; margin:45px 0;}
.certification div a{display:inline-block; text-align:center; width:155px; padding:13px 0; color:#fff; font-size:15px; font-family:"NanumBarunGothicB"; background:#268cbf;}
.certification div span.txt{display:block; color:#444; line-height:22px;}

/* °Ô½ÃÆÇ ±Û¾²±â ¾à°üµ¿ÀÇ */
.agree2 input[type="checkbox"]{width:15px; height:15px;}
.all_chk2{margin-bottom:40px; padding:15px 0; border:1px solid #dcdcdc; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.all_chk2 p{font-size:32px;}
.all_chk2 span{display:block; font-size:16px; color:#004e89; text-align:center;}
.all_chk2 span label{margin-right:8px;}
.agree_txt2{margin-bottom:20px;}
.agree_txt2 > div:nth-child(1){overflow:hidden; padding:10px 25px; background-color:#004e89; font-family:"NanumBarunGothicB"; font-size:15px; color:#fff;}
.agree_txt2 > div:nth-child(1) p{float:left;}
.agree_txt2 > div:nth-child(1) span{float:right;}
.agree_txt2 > div:nth-child(1) span label{margin-right:8px;}
.agree_txt2 > div:nth-child(2){overflow-y:scroll; height:80px; padding:15px; border:1px solid #dcdcdc; border-top:none; line-height:20px;}

/* ȸ¿øÁ¤º¸ ÀÔ·Â */
.join_wrap{margin-bottom:40px;}
.join_wrap b.essential{color:#f23041;}
.join_wrap span.sign1{display:block; margin-top:5px; color:#444; font-size:14px;}
.join_wrap td input.inp1{padding:10px; width:180px; height:39px; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; line-height:14px;}
.join_wrap td input.inp2{padding:10px; width:100px; height:39px; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; line-height:14px;}
.join_wrap td input.inp3{padding:10px; width:280px; height:39px; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; line-height:14px;}
.join_wrap td input.valid{background:#eee;}
.join_wrap td select::-ms-expand{display:none;}
.join_wrap td select.sel1{padding:10px 50px 10px 10px; width:180px; height:39px; color:#888; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url(../../images/sub/select_bg.gif) no-repeat right center #fff; line-height:14px;}
.join_wrap td select.sel2{padding:10px 50px 5px 5px; width:90px; height:39px; color:#888; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url(../../images/sub/select_bg.gif) no-repeat right center #fff; line-height:14px;}
.join_wrap td select.sel3{padding:3px 0px 0px 0px; width:250px; height:39px; color:#888; font-size:14px; border:1px solid #d9d9d9; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url(../../images/sub/select_bg.gif) no-repeat right center #fff; line-height:14px;}
.join_wrap td a{display:inline-block; text-align:center; padding:8px 17px 7px 17px; margin-top:-1px; color:#fff; background:#555;}
.join_wrap td#fileList a{padding:0; background:none;}
.join_wrap td a.none{padding:0; margin:0; background:none;}

/* °¡ÀÔ¿Ï·á */
.join_box{padding:140px 0 50px 0; margin-bottom:60px; border:1px solid #ddd; background:url(../../images/sub/join_box.png) no-repeat 50% 50px;}
.join_box.fail{background:url(../../images/sub/join_fail.png) no-repeat 50% 50px;}
.finish_tit{text-align:center; margin-bottom:20px; color:#333; font-size:36px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.finish_tit b{color:#268cbf;}
.finish_fail{display:block; text-align:center; margin-bottom:20px; color:#444; font-size:15px; font-family:"NanumBarunGothicB"; line-height:26px;}
.finish_txt{display:block; text-align:center; margin-bottom:20px; color:#666; line-height:26px;}
.finish_txt b{color:#1977a6; font-weight:normal;}
.join_txt{display:block; text-align:center; color:#666; line-height:26px;}
.join_box ul{width:275px; margin:0 auto;}
.join_box ul li{overflow:hidden; margin-bottom:10px; font-size:15px;}
.join_box ul li:last-child{margin:0;}
.join_box ul li p{display:inline-block; width:55px; margin-right:40px;}
.join_box ul li span{display:inline-block;}

/* ¾ÆÀ̵ð,ºñ¹Ð¹øÈ£ ã±â */
.sign_box1{padding:24px 0; margin-top:50px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#fbfbfb; text-align:center;}
.sign_box1 p span{padding-left:10px; background:url(../../images/sub/member_dot_01.gif) 0 5px no-repeat;}
.sign_box1 p a{display:inline-block; width:124px; padding:10px 0; margin-left:10px; border:1px solid #999; background-color:#fff; text-align:center;}
ul.pw_change{text-align:center;}
ul.pw_change li{margin-bottom:10px;}
ul.pw_change li label{display:inline-block; width:115px; text-align:left;}

/* ȸ¿øÅ»Åð */
.login_btn .unjoin{display:block; padding:14px 0 13px 0; width:110px; background:#555; color:#fff; font-size:15px;}

/* °³ÀÎÁ¤º¸ Ãë±Þ¹æħ */
.privacy_policy{line-height:initial; box-sizing:border-box; word-break:keep-all;}
.privacy_policy p{margin-top:10px; font-size:13px !important; line-height:20px !important;}
.privacy_policy p.reference{margin-top:10px;}
.privacy_policy ol{margin:10px 0 0 10px;}
.privacy_policy ol li{margin-top:12px; line-height:20px;}
.privacy_policy ol li a{color:#2e99e6;}
.privacy_policy ol li a:hover{text-decoration:underline;}
.privacy_policy ul{margin:12px 0 0 10px;}
.privacy_policy ul li{margin-top:4px; line-height:20px;}
.privacy_policy ul li a{color:#2e99e6;}
.privacy_policy ul li a:hover{text-decoration:underline;}
.privacy_policy dl.paragraph2{margin:5px 0 0 10px;}
.privacy_policy dl.paragraph2 dt{margin:5px 0;}
.privacy_policy dl.paragraph2 dd{font-size:12px; line-height:20px;}
.privacy_policy dl.paragraph2 a{color:#2e99e6;}
.privacy_policy dl.paragraph2 a:hover{text-decoration:underline;}


@media only screen and (max-width:1100px) {
	
	.n_wrap{width:750px;}
	.etc .sns_open{border-right:1px solid #e6e6e6;}
	.etc .print{display:none;}
	.contents_wrap > .contents{width:750px;}
	#left_menu{display:none;}
	#sub{float:none; padding:40px 25px 0 25px; width:auto;}
	
	/* À̹ÌÁö */
	.sec_img1 img{max-width:100%;}
	.sec_img1 .right{float:none; margin:10px 0;}
	.sec_img1 .center{text-align:center; margin:10px 0;}
	.sec_img1 .left{float:none; margin:10px 0;}
	
	/* text box1 */
	.txt_box div.tb_img01{background:url(../../images/sub/tb_img01.png) no-repeat 96% 20px #fff;}
	.txt_box div.tb_img02{background:url(../../images/sub/tb_img02.png) no-repeat 96% 20px #fff;}
	.txt_box div.tb_img03{background:url(../../images/sub/tb_img03.png) no-repeat 96% 20px #fff;}
	.txt_box div.tb_img04{background:url(../../images/sub/tb_img04.png) no-repeat 96% 20px #fff;}
	.txt_box div.tb_img05{background:url(../../images/sub/tb_img05.png) no-repeat 96% 20px #fff;}
	.txt_box div.tb_img06{background:url(../../images/sub/tb_img06.png) no-repeat 96% 20px #fff;}
	.txt_box div.tb_img07{background:url(../../images/sub/tb_img07.png) no-repeat 96% 20px #fff;}
	
	.operation_facil .intro_text{float:none; text-align:left; margin-bottom:20px; width:auto;}
	.operation_facil .intro_text .btn_type2{position:static;}
	.operation_facil .main_img{float:none; max-width:100%;}

	.table_wrap{overflow-x:scroll; width:auto;}
	.table_wrap table{width:780px;}
	
	/* °­ÀǾȳ» */
	.lecture_intro img{width:280px;}
	.lecture_intro table{width:400px;}

	.teacher_intro li .right{width:445px;}
	.teacher_intro li .right .txt li div{width:330px;}

	/* ¸¸Á·µµ */
	#evaluation{padding-top:0;}
	.eval_txt{float:none;}
	.eval_sec{float:none; width:auto;}
	.gtb ul{float:none;}
	.eval_insert{position:relative; padding-right:100px;}
	.eval_insert textarea{float:none; box-sizing:border-box; width:100%; height:72px;}
	.eval_insert input[type="button"]{float:none; position:absolute; top:0; right:0;}
	.eval_sec a{position:static; margin-top:10px; width:100%;}

	/* ã¾Æ¿À½Ã´Â ±æ */
	.map{width:100% !important; height:250px !important;}
	
	.certification div{width:340px;}
	
}


@media only screen and (max-width:768px) {
	
	#sub{padding:0; border:none;}
	.contents_wrap{position:relative; padding:0 2% 20px; background:#fff;}
	.contents_wrap > .contents{margin-top:45px; width:auto;}
	.sub_visual{position:relative; top:63px; margin-top:10px; min-height:auto;}
	.sub_visual p{display:none; background:#fff;}
	.navi{position:static; height:auto; background:none;}
	.n_wrap{overflow:visible; width:auto;}
	.state{float:none; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
	.state span{padding:12px 13px 0px 7px; min-width:initial; border-right:none;}
	.state span:first-child{display:none; padding:16px;}
	.state span:last-child{padding:12px 0 12px 7px;}
	.state span::after{top:15px; right:0px;}
	.etc{display:none;}
	.m_etc{display:block; position:absolute; right:0;}
	.m_etc .sns_menu{display:block; margin: 10px 0 0 0;}
	
	.strapline{margin-bottom:20px; padding:25px 0 58px 0; border:none;}
	.strapline h3{font-size:26px;}
	
	/* text box1 */
	.txt_box::before{display:none;}
	.txt_box div{padding:20px;}
	.txt_box div.tb_img01{background:none;}
	.txt_box div.tb_img02{background:none;}
	.txt_box div.tb_img03{background:none;}
	.txt_box div.tb_img04{background:none;}
	.txt_box div.tb_img05{background:none;}
	.txt_box div.tb_img06{background:none;}
	.txt_box div.tb_img07{background:none;}
	.txt_box div p.tit{width:auto;}
	.txt_box div span{width:auto;}
	.txt_box div ul{width:auto;}
	
	/* °­ÀǾȳ» */
	.lecture_intro{}
	.lecture_intro img{float:none; width:100%;}
	.lecture_intro table{float:none; margin-top:15px; width:100%; height:auto;}

	/* °­»ç¾È³» */
	.teacher_intro > li{padding:20px;}
	.teacher_intro li .left{display:none;}
	.teacher_intro li .right{float:none; width:auto;}
	.teacher_intro li .right .tit{font-size:18px;}
	.teacher_intro li .right .txt{margin-top:12px;}
	.teacher_intro li .right .txt li span{float:none; margin-bottom:6px; width:auto; border-right:none; margin-right:0;}
	.teacher_intro li .right .txt li div{width:auto;}
	.teacher_intro li .right .txt li div ul li{margin-bottom:5px; font-size:13px;}

	
	/* ¸¶ÀÌÆäÀÌÁö */
	.step ol li{font-size:12px;}

	/* ¸¸Á·µµÁ¶»ç */
	.eval_sec{padding:20px;}
	.eval_sec p{font-size:15px;}
	.gtb{position:relative;}
	.gtb ul{float:none;}
	.gtb ul li{width:100px; margin:0 0 8px 0; font-size:14px;}
	.gtb a{position:absolute; top:0; right:0;}
	
	/* »çÀÌÆ®¸Ê */
	.sub_contents .sitemap > ol > li{width:47%; margin-right:5%;}
	.sub_contents .sitemap > ol > li:nth-child(2n){margin-right:0;}
	.sub_contents .sitemap > ol > li:nth-child(3n){margin-right:5%;}
	.sub_contents .sitemap > ol > li > a{display:block; width:auto; max-width:initial; font-size:18px;}
	
	/* ·Î±×ÀÎ, ȸ¿ø */
	.member_wrap{/* min-height:750px; */ min-height:auto;}
	.member_contents{width:auto; padding:40px 2%;}
	#member_area{min-height:auto; padding:0 20px 57px;}
	#member_area h3{font-size:26px;}
	
	/* °¡ÀԾȳ» */
	.join_select > li{float:none; margin-bottom:12px; margin-right:0%; width:auto;}

	.step1 ol li{font-size:12px;}
	
	.certification div{width:48.5%; height:auto; padding:35px 20px 40px; text-align:center;}
	.certification div.mobile{background:url(../../images/sub/mobile_bg.gif) no-repeat center 20%; padding:140px 20px 20px 20px;}
	.certification div.ipin{background:url(../../images/sub/ipin_bg.gif) no-repeat center 25%; padding:140px 20px 20px 20px;}
	.certification div span.btn{text-align:center; margin:10px 0;}
	.certification div span.txt{display:none;}
	
	.join_insert{width:auto;}
	.join_insert colgroup col:first-child{width:100px;}
	.join_insert th{font-size:13px;}
	.join_insert th p{padding-left:13px;}
	.join_insert td{position:relative;}
	.join_insert td input{margin:0 !important;}
	.join_insert td span.form_area{display:block; margin-right:81px;}
	.join_insert td span.form_area input{width:100%;}
	.join_insert td a.confirm{position:absolute; top:7px; right:0;}
	.join_insert td div{font-size:13px;}
	.join_insert td div span{width:46px;}
	.join_insert td div label{margin:0 4px;}
	.inp2{width:100%;}
	.inp3{width:33%;}
	.inp4{width:24%;}
	.inp5{width:29%;}
	.sel1{width:29%;}
	.hyphen{display:none;}
	
	.login_wrap{padding:50px 20px;}
	.login_wrap .login_form{width:280px;}
	.login_insert{float:none;}
	.login_insert input[type="text"], .login_insert input[type="password"]{width:280px;}
	.login_btn{float:none;}
	.login_btn input[type="submit"]{width:280px; height:45px; font-size:17px;}
	.login_btn input[type="button"]{width:280px; height:45px; font-size:17px;}
	.login_btn .unjoin{width:100%;}

	.login_option{padding-top:15px; width:auto; text-align:left;}
	.option_wrap span{display:block; float:none;}
	.login_option a{display:block; float:none; width:100%;}
	.id_check{margin-top:10px;}
	
	.option_wrap{width:280px;}
	
	.join_wrap{text-align:left;}
	.join_wrap th{display:block; border-right:none; font-size:15px;}
	.join_wrap td{display:block;}
	
	/* 180906 Ãß°¡ */
	/* ¼ö°­½Åû Ä«Å×°í¸® */
	.category{margin-top:15px; border-top:2px solid #111;}
	.category p{float:none; width:100%; border-bottom:1px solid #d4d4d4;}
	.category ul{float:none; width:100%;}
	.category ul li{width:50%;}
	/* 180906 ³¡ */

}

@media only screen and (max-width:640px) {
			
	.all_chk,.all_chk2{padding-bottom:10px; font-family:"NanumBarunGothicB";}
	.all_chk p,.all_chk2 p{font-size:15px;}
	.all_chk span,.all_chk2 span{margin-top:0; font-size:15px;}
	.agree_txt > div:nth-child(1),.agree_txt2 > div:nth-child(1){font-size:13px;}
}


@media only screen and (max-width:480px) {
	
	.moleg{padding:30px 0;}
	.moleg ul{overflow:hidden; border-left:none; border-top:1px solid #ddd; border-bottom:none;}
	.moleg ul li{float:none; margin:0; width:100%; border-top:none; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
	
	.gtb a{position:static; float:none; width:auto; padding:5px 0; margin-top:10px;}
	.eval_sec strong,.eval_list p{display:none;}
	.eval_list ul li:nth-child(2){display:none;}
	
	/* ·Î±×ÀÎ, ȸ¿ø */
	.step1 ol{}
	.step1 ol li{vertical-align:middle; padding:5px 15px; height:40px; box-sizing:border-box; word-break:keep-all;}
	.step1 ol li::before{top:0; right:-15px; border-bottom:20px solid #e5e5e5; border-right:15px solid transparent;}
	.step1 ol li::after{top:20px; right:-15px; border-top:20px solid #e5e5e5; border-right:15px solid transparent;}
	.step1 ol li.on::before{top:0; right:-15px; border-bottom:20px solid #268cbf; border-right:15px solid transparent;}
	.step1 ol li.on::after{top:20px; right:-15px; border-top:20px solid #268cbf; border-right:15px solid transparent;}
	
	.certification div{float:none; margin-bottom:15px; width:100%;}
	.certification div.mobile{background:url(../../images/sub/mobile_bg.gif) no-repeat center 20%; padding:140px 20px 20px 20px;}
	.certification div.ipin{background:url(../../images/sub/ipin_bg.gif) no-repeat center 25%; padding:140px 20px 20px 20px;}
	.certification div span.btn{text-align:center; margin:10px 0;}
	.certification div span.txt{display:none;}
	
}

@media only screen and (max-width:420px) {	
	
	.agree_txt > div:nth-child(1),.agree_txt2 > div:nth-child(1){}
	.agree_txt > div:nth-child(1) p,.agree_txt2 > div:nth-child(1) p{float:none; margin-bottom:10px;}	
	.agree_txt > div:nth-child(1) span,.agree_txt2 > div:nth-child(1) span{float:none;}
	
	.inp6{width:50%;}
	
}



.cmn_ico {display:inline-block;}
.cmn_ico * {margin:0;padding:0;border:0; font-family:"ngn";background:url(/images/common/bg_ico.png)}
.cmn_ico button,
.cmn_ico input	{display:inline-block;overflow:visible;cursor:pointer;}
.cmn_ico a {position:relative;}
.cmn_ico .bico {position:absolute;display:block;}

/* ž¹Ú½º */
.basic_box.type1 .cmn_ico {display:none;}
@media only screen and (min-width:768px){
.basic_box.type1 .cmn_ico {display:block;position:absolute;left:70px;top:10px;}
.basic_box.type1 .cmn_ico .bico {display:inline-block;position:static;width:80px;height:80px;}
.basic_box.type1 .aricon1 .bico {background-position:-200px -900px;}
.basic_box.type1 .aricon2 .bico {background-position:-200px -600px;}
.basic_box.type1 .aricon3 .bico {background-position:-200px -700px;}
.basic_box.type1 .aricon4 .bico {background-position:-200px -800px;}
.basic_box.type1 .aricon5 .bico {background-position:-200px -500px;}
.basic_box.type1 .aricon6 .bico {background-position:-200px -300px;}
}


/* ȸ¿ø¾È³» */
.dotted_line{overflow:hidden;padding:2%;margin-bottom:4%;border:1px dotted #ddd;border-radius:3px;}
.procswrap h2{margin-top:30px;}
.procswrap h2:first-child{margin-top:0;}
.procedures_chart{overflow:hidden;margin:0 auto;width:98%}
.procedures_chart li{position:relative;float:left;margin-bottom:10px;padding-bottom:30px;width:100%;color:#fff;text-align:center;}
.procedures_chart li:before{position:absolute;top:80%;left:45%;content:" ";width:29px;height:19px;background:url(/images/common/s_arrow_down.gif) no-repeat 0 0;}
.procedures_chart li.last:before{display:none}
.procedures_chart li.last{margin-right:0!important;padding-right:0!important;background:none!important;}
.procedures_chart li span{position:relative;display:inline-block;width:100%;padding:65px 0 10px;background:#0089d1;vertical-align:middle;border-radius:10px;}
.procedures_chart.type2 li span {background:#0da3a9}
.procedures_chart li span b{display:block;width:100px;height:40px;margin:0 auto;padding-top:20px;}
.procedures_chart li span b:after{content: "";display: inline-block;height: 100%;vertical-align: middle;}
@media only screen and (min-width:640px){
	.procedures_chart li:before{left:48%; top:90%;}	
	.procedures_chart li span{height:80px;padding:65px 0 0;}
}
@media only screen and (min-width:1024px){
	.procedures_chart li{padding:1% 11% 1% 0;margin-bottom:0;width:22%;}
	.procedures_chart li:before{top:42%;left:82%;width:19px;height:29px;background:url(/images/common/arrow_right.gif) no-repeat 0 0;}
	.procedures_chart li span{width:120px;padding:65px 6px 14px;font-size:0.88em}
}
.procedures_chart li .pc_subtxt{display:block;font-size:12px;font-weight:normal;background:none;color:#c7ecff;}
.procedures_chart .cmn_ico .bico {top:10px;left:50%;margin-left:-25px;width:50px;height:25px;}
.procedures_chart .icon_bg1 .bico {background-position:-200px 0;}
.procedures_chart .icon_bg2 .bico {background-position:-200px -50px;}
.procedures_chart .icon_bg3 .bico {background-position:-198px -100px;}
.procedures_chart .icon_bg4 .bico {background-position:-200px -150px;}
.procedures_chart .icon_bg5 .bico {background-position:-200px -200px;}
.procedures_chart .icon_bg6 .bico {background-position:-250px 0;}
.procedures_chart .icon_bg7 .bico {background-position:-250px -50px;}
.procedures_chart .icon_bg8 .bico {background-position:-250px -100px;}
.procedures_chart .icon_bg9 .bico {background-position:-202px -246px;}

.reglst ul {position:relative;width:760px;margin:0 auto;}
.reglst li {width:190px;height:190px;border:1px solid #ccc;border-radius:100%;text-align:center;background:#fff;}
.reglst li strong {display:block;padding:50px 0 0;}
.reglst li strong span {display:block;padding: 0 0 25px;font-weight:normal;}

@media only screen and (min-width:768px){
	.reglst ul:after{position:absolute;content:"";top:118px;left:0;width:756px;border-top:1px solid #ddd}
	.reglst:after{content:"";display:block;visibility:hidden;clear:both;}
	.reglst li {float:left;margin-left:90px;}
	.reglst li:first-child {margin-left:0;}
}