div.sub_wrap{width:100%; height:auto;}
div.sub_wrap div.theme{position:relative; width:100%; height:250px; background:#f8f8f8;}
div.sub_wrap div.theme01{background:url("../img/theme01.png") center 0 no-repeat;}
div.sub_wrap div.theme02{background:url("../img/theme02.png") center 0 no-repeat;}
div.sub_wrap div.theme03{background:url("../img/theme03.png") center 0 no-repeat;}
div.sub_wrap div.theme04{background:url("../img/theme04.png") center 0 no-repeat;}
div.sub_wrap div.theme05{background:url("../img/theme05.png") center 0 no-repeat;}
div.sub_wrap div.theme06{background:url("../img/theme06.png") center 0 no-repeat;}
div.sub_wrap div.theme div.theme_in{position:relative; width:1200px; height:250px; margin:0 auto; background:rgba(17, 28, 44, 0.6); }
div.sub_wrap div.theme div.theme_in h2{font-size:36px; color:#fff; text-align:center; letter-spacing:3px; text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3); padding-top:70px;}
div.sub_wrap div.theme div.theme_in p{font-size:14px; color:rgba(255, 255, 255, 0.5); text-align:center; letter-spacing:1px; margin-top:15px;}
div.sub_wrap div.theme div.theme_in > ul{position:absolute; bottom:0; width:100%; height:50px; background:rgba(255, 255, 255, 0.9);}
div.sub_wrap div.theme div.theme_in > ul > li{display:inline-block; width:220px; vertical-align:top;}
div.sub_wrap div.theme div.theme_in > ul > li.home{width:50px; height:50px;}
div.sub_wrap div.theme div.theme_in > ul > li.home > a{display:block; width:50px; height:50px; text-indent:-9999px; background:#263369 url("../img/sub_nav_home.svg") center no-repeat;}
div.sub_wrap div.theme div.theme_in > ul > li > div.link{width:100%; height:50px; line-height:50px; cursor:pointer; border-right:1px solid #ccc; padding:0 15px; font-size:14px; color:#333; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
div.sub_wrap div.theme div.theme_in > ul > li > div.link span{position:relative; float:right; display:inline-block; width:2px; height:14px; background:#bbb; margin-right:15px; margin-top:17px; -webkit-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
div.sub_wrap div.theme div.theme_in > ul > li > div.link span:after{position:absolute; top:6px; right:-6px; content:""; display:block; width:14px; height:2px; background:#bbb;}
div.sub_wrap div.theme div.theme_in > ul > li.open div.link span{transform:rotate(90deg);}
div.sub_wrap div.theme div.theme_in > ul > li.open div.link span:after{transform:rotate(-90deg);}
div.sub_wrap div.theme div.theme_in > ul > li > ul.submenu{display:none; position: relative; background:#fff; font-size:14px; box-shadow:0 0 15px rgba(0, 0, 0, 0.15); z-index:5;}
div.sub_wrap div.theme div.theme_in > ul > li > ul.submenu li{display:block; float:none; border-bottom:1px solid #e5e5e5;}
div.sub_wrap div.theme div.theme_in > ul > li > ul.submenu li a{display:block; width:100%; height:40px; line-height:40px; color:#aaa; padding:0 15px; -webkit-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
div.sub_wrap div.theme div.theme_in > ul > li > ul.submenu li a.on{color:#333; font-weight:bold;}
div.sub_wrap div.theme div.theme_in > ul > li > ul.submenu a:hover,
div.sub_wrap div.theme div.theme_in > ul > li > ul.submenu a.on:hover{background:#263369; color:#fff;}

div.sub_wrap div.sub{width:1200px; height:auto; min-height:500px; margin:0 auto; padding-bottom:50px;}
div.sub_wrap div.sub h3.page_title{font-size:32px; text-align:center; margin:100px 0; letter-spacing:3px;}
div.sub_wrap div.sub h3.page_title:before{  content:""; display:block; width:50px; top:-15px; position:relative; margin:0 auto; height:3px; background:#263369;}
div.sub_con{width:100%; height:auto;}

div.sub_con div.director{position:relative; width:50%; float:left; height:645px; z-index:-1;}
div.sub_con div.director img{position:absolute; width:600px; right:0; top:0;}
div.sub_con div.director div{position:absolute; bottom:115px; left:210px; width:360px; height:auto; padding:30px; background:#263369 url("../img/director_name_bg.png") 190px 75px no-repeat; color:#fff; font-size:20px;}
div.sub_con div.director div span{display:block; margin-top:10px; font-size:40px;}
div.sub_con div.about{width:45%; margin-left:5%; float:left; height:auto; margin-top:0px;}
div.sub_con div.about p:nth-of-type(1){font-size:22px; margin-top:30px; letter-spacing:1px;}
div.sub_con div.about p:nth-of-type(2){font-size:18px; margin-top:30px;color:#263369; }
div.sub_con div.about p:nth-of-type(3){font-size:18px; color:#a40e17; }
div.sub_con div.about p:nth-of-type(4){font-size:22px; margin-top:30px; letter-spacing:1px;}
div.sub_con div.about div{width:100%; height:auto; line-height:30px; margin-top:30px; font-size:16px;}

div.sub_con div.vision_b{width:100%; height:auto; margin-bottom:70px;}
div.sub_con div.vision_b div.title{position:relative; display:inline-block; width:255px; height:auto; margin-left:80px; margin-right:40px; padding-top:15px; vertical-align:top; font-size:24px; z-index:-1;}
div.sub_con div.v01 div.title{border-top:5px solid #a40e17;}
div.sub_con div.v02 div.title{border-top:5px solid #0a326f;}
div.sub_con div.v03 div.title{border-top:5px solid #c0a355;}
div.sub_con div.v04 div.title{border-top:5px solid #a40e17;}
div.sub_con div.v05 div.title{border-top:5px solid #0a326f;}
div.sub_con div.v06 div.title{border-top:5px solid #c0a355;}
div.sub_con div.v07 div.title{border-top:5px solid #a40e17;}
div.sub_con div.v01 div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/service.svg") 0 0 no-repeat; background-size:auto 100%;}
div.sub_con div.v02 div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/upgrade.svg") 0 0 no-repeat; background-size:auto 100%;}
div.sub_con div.v03 div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/counsel.svg") 0 0 no-repeat; background-size:auto 100%;}
div.sub_con div.v04 div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/teacher.svg") 0 0 no-repeat; background-size:auto 100%;}
div.sub_con div.v05 div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/domitory.svg") 0 0 no-repeat; background-size:auto 100%;}
div.sub_con div.v06 div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/nuri.svg") 0 0 no-repeat; background-size:auto 100%;}
div.sub_con div.v07 div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/program.svg") 0 0 no-repeat; background-size:auto 100%;}

div.sub_con div.vision_b div.title span{display:inline-block; margin-left:10px; font-size:18px; color:#aaa; letter-spacing:1px;}
div.sub_con div.vision_b div.con{display:inline-block; width:820px; text-align: left; height:auto; line-height:30px; padding:20px 40px; border-radius:5px; vertical-align:top; font-size:18px; color:#fff; letter-spacing:0.5px;}
div.sub_con div.v01 div.con{background:#a40e17;}
div.sub_con div.v02 div.con{background:#0a326f;}
div.sub_con div.v03 div.con{background:#c0a355;}
div.sub_con div.v04 div.con{background:#a40e17;}
div.sub_con div.v05 div.con{background:#0a326f;}
div.sub_con div.v06 div.con{background:#c0a355;}
div.sub_con div.v07 div.con{background:#a40e17;}

div.sub_con div.vision_b div.con > ul > li{position:relative; display:inline-block; width:271px; height:auto; line-height:30px; padding:20px; margin-right:31px; border-radius:5px; background:#b6985a;}
div.sub_con div.vision_b div.con > ul > li:last-child{margin-right:0;}


/* Tab menu */
div.sub_con ul.tab{width:100%; height:auto; margin-bottom:50px; text-align:center;}
div.sub_con ul.tab li{float:none; display:inline-block; width:200px; height:50px; line-height:50px;}
div.sub_con ul.tab li a{display:block; border:2px solid #ccc; font-size:18px; color:#888;}
div.sub_con ul.tab li a.on{border:2px solid #263369; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); color:#263369; font-family: "NanumSquareB", sans-serif;}

div.sub_con div.history{width:100%; height:auto; margin-bottom:60px;}
div.sub_con div.history:last-child{margin-bottom:0;}
div.sub_con div.history div.year{width:17%; height:auto; font-size:80px; color:#e4cdce;}
div.sub_con div.history div.con{position:relative; width:79%; height:auto; border-top:1px solid #ccc; margin-top:50px;}
div.sub_con div.history div.con:before{position:absolute; top:-8px; left:-15px; content:""; display:block; width:15px; height:15px; border-radius:100%; border:3px solid #fff; background:#263369; box-shadow:0 0 8px rgba(0, 0, 0, 0.2);}
div.sub_con div.history div.con ul{width:100%; height:auto; background:url("../img/spot_ccc.gif") 34px 30px repeat-y; padding:30px;}
div.sub_con div.history div.con ul li{float:none; width:100%; height:auto; margin-bottom:20px; font-size:14px;}
div.sub_con div.history div.con ul li:last-child{margin-bottom:0;}
div.sub_con div.history div.con ul li span:nth-child(1){position:relative; display:inline-block; width:10%; height:auto; padding-left:20px; font-weight:bold;}
div.sub_con div.history div.con ul li span:nth-child(1):before{display:block; content:""; position:absolute; top:5px; left:0; width:10px; height:10px; border:2px solid #263369; border-radius:100%; background:#fff;}
div.sub_con div.history div.con ul li span:nth-child(2){display:inline-block; width:89%; height:auto;}

div.sub_con div.or_chart{width:100%; height:auto; background:url("../img/or_chart_line.png") center 90px no-repeat;}
div.sub_con div.or_chart div.or01{width:200px; height:200px; line-height:200px; border:8px solid #263369; border-radius:100%; background:#fff; margin:0 auto; font-size:24px; color:#263369; text-align:center;}
div.sub_con div.or_chart div.or02{position:relative; width:250px; height:60px; line-height:60px; border-radius:30px; background:#263369; margin:50px auto; color:#fff; font-size:20px; text-align:center; letter-spacing:3px;}
div.sub_con div.or_chart div.or02:before{position:absolute; top:-5px; left:120px; content:""; display:block; width:10px; height:10px; border:2px solid #fff; background:#263369; border-radius:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.25);}
div.sub_con div.or_chart div.or03{position:relative; width:250px; height:60px; line-height:60px; border-radius:30px; background:#253a73; margin:50px auto; color:#fff; font-size:20px; text-align:center; letter-spacing:3px;}
div.sub_con div.or_chart div.or03:before{position:absolute; top:-5px; left:120px; content:""; display:block; width:10px; height:10px; border:2px solid #fff; background:#253a73; border-radius:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.25);}
div.sub_con div.or_chart div.or04{width:100%; height:auto; margin-top:104px; text-align:center;}
div.sub_con div.or_chart div.or04 div{display:inline-block; width:250px; height:auto; vertical-align:top;}
div.sub_con div.or_chart div.or04 div:nth-child(2){margin:0 70px;}
div.sub_con div.or_chart div.or04 div p{position:relative; width:100%; height:50px; line-height:50px; background:#9c1f24; border-radius:5px; text-align:center; color:#fff; font-size:18px;}
div.sub_con div.or_chart div.or04 div p:before{position:absolute; top:-5px; left:120px; content:""; display:block; width:10px; height:10px; border:2px solid #fff; background:#9c1f24; border-radius:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.25);}
div.sub_con div.or_chart div.or04 div:nth-child(1) p:before{left:124px;}
div.sub_con div.or_chart div.or04 div:nth-child(3) p:before{left:117px;}
div.sub_con div.or_chart div.or04 div ul{width:100%; height:215px; background:#f8f8f8; border:7px solid #9c1f24; vertical-align:middle; padding:25px; margin-top:5px; border-radius:5px;}
div.sub_con div.or_chart div.or04 div ul li{position:relative; float:none; text-align:center; margin-bottom:10px; padding-left:0px; font-size:16px; }
div.sub_con div.or_chart div.or04 div ul li:last-child{margin-bottom:0;}
/*div.sub_con div.or_chart div.or04 div ul li:before{position:absolute; top:8px; left:0; display:block; content:""; width:4px; height:4px; background:#717075; border-radius:100%;}*/

div.sub_con div.naver_map{width:100%; height:400px; background:#f0f0f0;}
div.sub_con div.campus_map{position:relative; width:100%; height:815px; background:url("../img/campus_map.jpg") 0 0 no-repeat;}
div.sub_con div.campus_map div{position:absolute; top:30px; left:30px; width:246px; height:93px; padding:22px 0; text-align:center; color:#fff; font-size:14px;}
div.sub_con div.campus_map div span{font-size:20px;}

div.sub_con div.process01{width:100%; height:auto;}
div.sub_con div.process01 div{position:relative; float:left; width:150px; height:150px; margin-right:25px; border-radius:100%; color:#fff; text-align:center; font-size:16px;}
div.sub_con div.process01 div:last-child{margin-right:0;}
div.sub_con div.process01 div.step01{background:#fff url("../img/process_01.svg") center 25px no-repeat; background-size:auto 30%; border:5px solid #253a73; color:#253a73;}
div.sub_con div.process01 div.step02{background:#395298 url("../img/process_02.svg") center 25px no-repeat; background-size:auto 30%;}
div.sub_con div.process01 div.step03{background:#253a73 url("../img/process_03.svg") center 25px no-repeat; background-size:auto 30%;}
div.sub_con div.process01 div.step04{background:#395298 url("../img/process_04.svg") center 25px no-repeat; background-size:auto 30%;}
div.sub_con div.process01 div.step05{background:#253a73 url("../img/process_05.svg") center 25px no-repeat; background-size:auto 30%;}
div.sub_con div.process01 div.step06{background:#395298 url("../img/process_06.svg") center 25px no-repeat; background-size:auto 30%;}
div.sub_con div.process01 div.step07{background:#fff url("../img/process_07.svg") center 25px no-repeat; background-size:auto 30%; border:5px solid #253a73; color:#253a73;}
div.sub_con div.process01 div span{display:block; width:20px; height:1px; background:#a8b0c7; margin:85px auto 10px auto; }
div.sub_con div.process01 div.step02 span,
div.sub_con div.process01 div.step04 span,
div.sub_con div.process01 div.step06 span{background:#8897c1;}
div.sub_con div.process01 div.step03 span,
div.sub_con div.process01 div.step05 span{background:#7c89ab;}
div.sub_con div.process01 div.step01:after{display:block; content:""; position:absolute; top:57px; right:-11px; width:25px; height:25px; border-radius:3px; background:#253a73; transform:rotate(45deg); z-index:-1;}
div.sub_con div.process01 div.step02:after,
div.sub_con div.process01 div.step04:after,
div.sub_con div.process01 div.step06:after{display:block; content:""; position:absolute; top:62px; right:-6px; width:25px; height:25px; border-radius:3px; background:#395298; transform:rotate(45deg); z-index:-1;}
div.sub_con div.process01 div.step03:after,
div.sub_con div.process01 div.step05:after{display:block; content:""; position:absolute; top:62px; right:-6px; width:25px; height:25px; border-radius:3px; background:#253a73; transform:rotate(45deg); z-index:-1;}
div.sub_con div.process01 div.step07:after{display:none;}
div.sub_con div.process02{width:100%; height:auto;}
div.sub_con div.process02 > div{position:relative; float:left; width:270px; height:90px; border-radius:50px; margin-right:40px; color:#fff; text-align:center;}
div.sub_con div.process02 > div:last-child{margin-right:0;}
div.sub_con div.process02 > div:nth-child(odd){background:#253a73;}
div.sub_con div.process02 > div:nth-child(even){background:#395298;}
div.sub_con div.process02 > div:nth-child(odd):after{display:block; content:""; position:absolute; top:34px; right:-5px; width:25px; height:25px; border-radius:3px; background:#253a73; transform:rotate(45deg); z-index:-1;}
div.sub_con div.process02 > div:nth-child(2):after{display:block; content:""; position:absolute; top:34px; right:-5px; width:25px; height:25px; border-radius:3px; background:#395298; transform:rotate(45deg); z-index:-1;}
div.sub_con div.process02 > div p{font-size:26px; text-align:left; margin:-27px 0 0 30px;}
div.sub_con div.process02 > div:nth-child(odd) p{color:#a9aec1;}
div.sub_con div.process02 > div:nth-child(even) p{color:#aeb5cf;}
div.sub_con div.process02 > div div{line-height:26px; padding:18px 0; font-size:14px;}
div.sub_con div.process02 > div div span{font-size:18px;}
div.sub_con div.process02_2 > div div{padding:31px 0;}
div.sub_con div.process02_2 > div.step04 div{padding:11px 0; line-height:22px;}

div.sub_con div.process03{width:100%; height:auto; margin-top:30px; text-align:center;}
div.sub_con div.process03 > div{display:inline-block; width:215px; height:215px; border-radius:100%; vertical-align:middle; color:#fff;}
div.sub_con div.process03 > div.arrow{width:125px; height:215px; background:url("../img/vision_arrow_R.png") center no-repeat;}
div.sub_con div.process03 > div.pro03_1{background:rgba(156, 31, 36, 0.95) url("../img/process03_01.svg") center 40px no-repeat; background-size:25%; padding-top:120px; font-size:18px; line-height:28px;}
div.sub_con div.process03 > div.pro03_2{background:rgba(123, 36, 39, 0.95) url("../img/process03_02.svg") center 40px no-repeat; background-size:25%; padding-top:120px; font-size:18px; line-height:28px; margin-left:-30px;}
div.sub_con div.process03 > div.pro03_3{background:#263369 url("../img/process03_03.svg") center 50px no-repeat; background-size:25%; padding-top:130px; font-size:24px; letter-spacing:1px;}
div.sub_con div.process03 > div.pro03_4{border:10px solid #7b2427; background:#fff url("../img/process03_04.svg") center 45px no-repeat; background-size:28%; padding-top:120px; color:#7b2427; font-size:24px; letter-spacing:1px;}
div.sub_con div.credit{width:100%; height:auto;}
div.sub_con div.credit > div{width:100%; height:auto; margin-bottom:30px; vertical-align:middle;}
div.sub_con div.credit > div:last-child{margin-bottom:0;}
div.sub_con div.credit > div div.title{position:relative; width:270px; height:60px; line-height:60px; border-radius:30px; text-align:center; color:#fff; font-size:18px;}
div.sub_con div.credit > div div.title:after{display:block; content:""; position:absolute; top:30px; right:-25px; width:25px; height:2px; background:#ddd;}
div.sub_con div.credit > div:nth-child(even) div.title{background:#7b2427;}
div.sub_con div.credit > div:nth-child(odd) div.title{background:#263369;}
div.sub_con div.credit > div div.con{position:relative; width:900px; height:auto; line-height:30px; padding:20px 25px; background:#f8f8f8; font-size:14px;}
div.sub_con div.credit > div:nth-child(odd) div.con:before{display:block; content:""; position:absolute; top:27px; left:-4px; width:10px; height:10px; border:2px solid #fff; background:#263369; border-radius:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.25);}
div.sub_con div.credit > div:nth-child(even) div.con:before{display:block; content:""; position:absolute; top:27px; left:-4px; width:10px; height:10px; border:2px solid #fff; background:#7b2427; border-radius:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.25);}

div.sub_con div.credit2{width:100%; height:auto;}
div.sub_con div.credit2 > div{float:left; width:215px; height:215px; border-radius:100%; text-align:center;}
div.sub_con div.credit2 > div.arrow{width:55px; height:215px; background:url("../img/vision_arrow_R.png") center no-repeat; margin:0 29px;}
div.sub_con div.credit2 > div.cre2_01{border:10px solid #263369; background:url("../img/credit2_01.svg") center 40px no-repeat; background-size:30%;}
div.sub_con div.credit2 > div.cre2_02{border:10px solid #7b2427; background:url("../img/credit2_02.svg") center 40px no-repeat; background-size:30%;}
div.sub_con div.credit2 > div.cre2_03{border:10px solid #263369; background:url("../img/credit2_03.svg") center 40px no-repeat; background-size:30%;}
div.sub_con div.credit2 > div.cre2_04{border:10px solid #7b2427; background:url("../img/credit2_04.svg") center 40px no-repeat; background-size:30%;}
div.sub_con div.credit2 > div a{display:block; width:100%; height:100%; padding-top:15px; font-size:20px;}
div.sub_con div.credit2 > div.cre2_01 a,
div.sub_con div.credit2 > div.cre2_03 a{color:#263369;}
div.sub_con div.credit2 > div.cre2_02 a,
div.sub_con div.credit2 > div.cre2_04 a{color:#7b2427;}
div.sub_con div.credit2 > div a span{display:block; width:20px; height:1px; background:#ccc; margin:100px auto 10px auto;}
div.sub_con div.cre2_con{width:100%; height:auto;}

div.sub_con div.ma_intro{width:100%; height:auto;}
div.sub_con div.ma_intro div.title{width:270px; height:130px; padding:20px 30px; margin-bottom: 100px; background:#263369 url("../img/major_bg.png") 170px 30px no-repeat; color:#fff; font-size:24px;}
div.sub_con div.ma_intro div.title p{color:#ddd; font-size:20px; letter-spacing:4px;}
div.sub_con div.ma_intro div.title div{width:30px; height:1px; background:#ddd; margin:15px 0 10px 0;}
div.sub_con div.ma_intro div.con{width:930px; height:130px; line-height:30px; padding:30px 50px; background:#f8f8f8; font-size:14px; letter-spacing: 5px;}
div.sub_con div.ma_intro div.con span{display:block; font-size:18px; margin-bottom:10px;}

div.sub_con div.ma_intro02{width:100%; height:auto;}
div.sub_con div.ma_intro02 div.title{width:270px; height:220px; padding:20px 30px; margin-bottom: 0px; background:#263369 url("../img/major_bg.png") 170px 30px no-repeat; color:#fff; font-size:24px;}
div.sub_con div.ma_intro02 div.title p{color:#ddd; font-size:20px; letter-spacing:4px;}
div.sub_con div.ma_intro02 div.title div{width:30px; height:1px; background:#ddd; margin:85px 0 10px 0;}
div.sub_con div.ma_intro02 div.con{width:930px; height:220px; line-height:30px; padding:30px 50px; background:#f8f8f8; font-size:14px; letter-spacing: 5px;}
div.sub_con div.ma_intro02 div.con span{display:block; font-size:18px; margin-bottom:10px;}

div.sub_con .major_com{color:#ea4a51; font-size:14px;}
div.sub_con .major_com > span{position:relative; top:6px; display:inline-block; font-weight:bold; font-size:18px;}








/* title */
h4.title01{position:relative; width:100%; height:auto; padding-left:18px; margin:70px 0 20px 0; font-size:28px;}
h4.title01:before{display:block; content:""; position:absolute; top:5px; left:0; width:4px; height:20px; background:#263369; border-radius:30px;}
h4.title01:first-child{margin-top:0;}

h5.title02{position:relative; width:100%; height:auto; padding-left:25px; margin:40px 0 15px 0; font-size:22px; color:#263369;}
h5.title02:before{display:block; content:""; position:absolute; top:4px; left:0; width:15px; height:15px; border:3px solid #384c9e; border-radius:50%; }

.title03{position:relative; width:100%; height:auto; padding-left:20px; font-size:16px; margin-bottom:10px;}
.title03:before{display:block; content:""; position:absolute; top:10px; left:0; width:12px; height:1px; background:#333;}

/* table */
table.table01{width:100%; height:auto; border-top:2px solid #253a73; font-size:16px;}
table.table01 thead{background:#f5f5f5;}
table.table01 thead th{padding:15px; border:1px solid #ddd; text-align:center;}
table.table01 tbody th,
table.table01 tbody td{padding:15px; border:1px solid #ddd; text-align:center;}
table.table01 tbody th,
table.table01 tbody td:first-child{border-left:none;}
table.table01 tbody td:last-child{border-right:none;}
table.table01 tbody th{background:#f5f5f5;}

table.table01 tbody b{ color:#263369; font-size: 18px; margin-right: 5px; }

table.table02 tbody td{text-align:left;}

table.table03{width:100%; height:auto; border-top:2px solid #253a73; font-size:16px;}
table.table03 thead{background:#e9ebef;}
table.table03 thead th{padding:10px; text-align:center;}
table.table03 tbody{background:#fcfcfc;}
table.table03 tbody td{padding:10px; border:1px solid #ddd; text-align:center;}
table.table03 tbody td:first-child{border-left:none;}
table.table03 tbody td:last-child{border-right:none;}

table .T_left{text-align:left !important;}
table .T_center{text-align:center !important;}
table th:first-child,
table td:first-child{border-left:none !important;}
table th:last-child,
table td:last-child{border-right:none !important;}

table span.circle{display:inline-block; width:15px; height:15px; border:1px solid #333; border-radius:100%; margin:0 auto;}
/*21-04-09 추가*/
table td.color_red{color:#ea4a51;}
table td li.color_red{color:#ea4a51;}
table td li span.color_red{color:#ea4a51;}

/* div style */
div.b01{width:100%; height:auto; line-height:28px; padding:25px 30px; background:#f8f8f8; font-size:16px;}
div.b02{width:100%; height:auto; line-height:28px; padding:15px 20px; background:#f6f7fa; font-size:16px; border:1px solid #e1e2e6; border-radius:5px;}
div.half_wrap{width:100%; height:auto; font-size:14px; margin-top:70px;}
div.half_wrap > div{width:47%; height:auto;}
div.b03{width:100%; height:auto; line-height:28px; font-size:14px;}

/* list style */
ul.list01{width:100%; height:auto;}
ul.list01 li{position:relative; float:none; margin-bottom:8px; padding-left:13px; font-size:17px;}
ul.list01 li:before{display:block; content:""; position:absolute; top:11px; left:0; width:5px; height:5px; background:#253a73; border-radius:100%;}
ul.list01 li:last-child{margin-bottom:0;}

ul.table_list01{width:100%; height:auto;}
ul.table_list01 li{position:relative; float:none; margin-bottom:8px; padding-left:10px; font-size:16px;}
ul.table_list01 li:before{display:block; content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background:#888; border-radius:100%;}
ul.table_list01 li:last-child{margin-bottom:0;}

ul.list_cir_num{width:100%; height:auto;}
ul.list_cir_num li{float:none; margin-bottom:20px; font-size:16px;}
ul.list_cir_num li span{display:inline-block; width:20px; height:20px; line-height:20px; border-radius:100%; margin-right:5px; background:#263369; color:#fff; font-size:12px; text-align:center;}
ul.list_cir_num ul{width:100%; height:auto; background:#f8f8f8; padding:20px;}
ul.list_cir_num ul li{position:relative; margin-bottom:8px; padding-left:10px; font-size:14px;}
ul.list_cir_num ul li:before{display:block; content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background:#888; border-radius:100%;}
ul.list_cir_num ul li:last-child{margin-bottom:0;}

/* font style */
.blue01{color:#23449f;}
.red01{color:#d42b32;}
.red02{color:#ea4a51;}

/* margin, padding */
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}

/*sub_img*/
ul.act_img{ display: block; width:100%; height:auto; }
ul.act_img li{ width:32%; margin-right:2%; margin-bottom: 2%; float:left; }
ul.act_img li:nth-child(3n){ width:32%; margin-right:0%  }
ul.act_img li img{ width:100%; box-shadow: 0 4px 8px rgba(0,0,0,0.2);	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2); -o-box-shadow: 0 4px 8px rgba(0,0,0,0.2);-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2); }


div.sub_con div.idpw_find{width:100%; height:auto; text-align:center;}
div.sub_con div.idpw_find > a{display:inline-block; width:300px; height:330px; padding:150px 30px 30px 30px; margin:0 30px; border:1px solid #ccc; border-radius:5px; vertical-align:top; color:#333; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
div.sub_con div.idpw_find > a.phone{background:url("../img/ic_phone.svg") center 45px no-repeat; background-size:auto 23%;}
div.sub_con div.idpw_find > a.i_pin{background:url("../img/ic_ipin.png") center 50px no-repeat; background-size:auto 21%;}
div.sub_con div.idpw_find > a.mail{background:url("../img/ic_email.svg") center 45px no-repeat; background-size:auto 23%;}
div.sub_con div.idpw_find > a p{font-size:28px;}
div.sub_con div.idpw_find > a p span{color:#253a73; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
div.sub_con div.idpw_find > a div.bar{width:30px; height:1px; background:#ccc; margin:15px auto;}
div.sub_con div.idpw_find > a div.con{line-height:24px; font-size:16px;}
div.sub_con div.idpw_find > a:hover{color:#fff;}
div.sub_con div.idpw_find > a.phone:hover{background:#253a73 url("../img/ic_phone_h.svg") center 45px no-repeat; background-size:auto 23%;}
div.sub_con div.idpw_find > a.i_pin:hover{background:#253a73 url("../img/ic_ipin_h.png") center 50px no-repeat; background-size:auto 21%;}
div.sub_con div.idpw_find > a.mail:hover{background:#253a73 url("../img/ic_email_h.svg") center 45px no-repeat; background-size:auto 23%;}
div.sub_con div.idpw_find > a:hover p span{color:#fff;}


/* table */
table.table01_new{width:100%; height:auto; border-top:2px solid #253a73; font-size:16px;}
table.table01_new thead{background:#f5f5f5;}
table.table01_new thead th{padding:15px; border:1px solid #ddd; text-align:center;}
table.table01_new tbody th,
table.table01_new tbody td{padding:15px; border:1px solid #ddd; text-align:center;}

table.table02_new tbody td{text-align:left;}

table.table03_new{width:100%; height:auto; border-top:2px solid #253a73; font-size:16px;}
table.table03_new thead{background:#e9ebef;}
table.table03_new thead th{padding:10px; text-align:center; border:1px solid #ddd;}
table.table03_new tbody{background:#fcfcfc;}
table.table03_new tbody td{padding:10px; border:1px solid #ddd; text-align:center;}

table.table_hor_new{width:100%; height:auto; border-top:2px solid #253a73; font-size:16px;}
table.table_hor_new tbody{background:#fcfcfc;}
table.table_hor_new tbody th{padding:15px; text-align:center; border:1px solid #ddd; border-left:none; background:#f5f5f5;}
table.table_hor_new tbody td{padding:15px; border:1px solid #ddd; border-right:none;}
table.table_hor_new label{font-weight:normal; margin-left:25px;}
table.table_hor_new label.label_lo{letter-spacing:-0.5px; margin-left:15px;}
table.table_hor_new label:first-child{margin-left:0;}
table.table_hor_new label input[type=radio],
table.table_hor_new label input[type=checkbox]{margin-right:3px; vertical-align:top;}
table.table_hor_new input{border:1px solid #ccc; padding:3px;}
table.table_hor_new td input.name,
table.table_hor_new td input.tel{width:25%;}
table.table_hor_new td input.mail{width:50%;}
table.table_hor_new textarea{width:100%; height:Auto; min-height:100px; border:1px solid #ccc; padding:5px;}

table.tr_cross{width:100%; height:auto; border-top:2px solid #253a73; font-size:14px;}
table.tr_cross tbody tr{border-bottom:1px solid #ddd;}
table.tr_cross tbody tr:nth-child(odd){background:#fff;}
table.tr_cross tbody tr:nth-child(even){background:#f4f5f8}
table.tr_cross tbody tr td{padding:15px; border:1px solid #ddd;}
table.tr_cross tbody tr td a{display:block; color:#555;}

table .T_left{text-align:left !important;}
table .T_center{text-align:center !important;}
table .bg{background:#f8f8f8 !important;}
table .bg_white{background:#ffffff !important;}
table .bg_gr01{background:#eee;}
table th:first-child,
table td:first-child{border-left:none !important;}
table th:last-child,
table td:last-child{border-right:none !important;}


/* list style */
ul.list01{width:100%; height:auto;}
ul.list01 li{position:relative; float:none; margin-bottom:8px; padding-left:13px; font-size:16px;}
ul.list01 li:before{display:block; content:""; position:absolute; top:11px; left:0; width:5px; height:5px; background:#253a73; border-radius:100%;}
ul.list01 li:last-child{margin-bottom:0;}
ul.list01 li ul li{padding-left:0; margin-bottom:3px;}
ul.list01 li ul li:before{display:none;}

ul.list02{width:100%; height:auto;}
ul.list02 li{float:none; margin-bottom:5px; padding-left:12px; text-indent:-12px; font-size:16px;}
ul.list02 li:last-child{margin-bottom:0;}
ul.list02 li span{display:inline-block; width:12px; padding-left:0; text-indent:0;}

ul.table_list01{width:100%; height:auto;}
ul.table_list01 li{position:relative; float:none; margin-bottom:8px; padding-left:10px; font-size:16px;}
ul.table_list01 li:before{display:block; content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background:#888; border-radius:100%;}
ul.table_list01 li:last-child{margin-bottom:0;}

ul.list_cir_num{width:100%; height:auto;}
ul.list_cir_num li{float:none; margin-bottom:20px; font-size:16px; padding-left:30px; text-indent:-30px;}
ul.list_cir_num li span{display:inline-block; width:20px; height:20px; line-height:20px; border-radius:100%; margin-right:5px; color:#fff; font-size:12px; text-align:center; text-indent:0; padding-left:0}
ul.list_cir_num ul{width:100%; height:auto; background:#f8f8f8; padding:20px;}
ul.list_cir_num ul li{position:relative; margin-bottom:8px; padding-left:10px; font-size:16px; text-indent:0;}
ul.list_cir_num ul li:before{display:block; content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background:#888; border-radius:100%;}
ul.list_cir_num ul li:last-child{margin-bottom:0;}

ul.list_check{width:100%; height:auto;}
ul.list_check li{float:none; background:url("../img/li_check.svg") 0 6px no-repeat; background-size:auto 50%; padding-left:22px; margin-bottom:5px; font-size:16px;}
ul.list_check li:last-child{margin-bottom:0;}

/* 버튼 style */
div.btn_wrap{width:100%; height:auto; margin-top:30px; text-align:center;}
div.btn_wrap a{display:inline-block; width:auto; height:45px; line-height:45px; background:#9c1f24; color:#fff; font-size:14px; padding:0 25px; border-radius:5px;}
div.btn_wrap a.btn_cancel{background:#aaa;}

/* font style */
.blue01{color:#23449f;}
.red01{color:#d42b32;}
.gray01{color:#aaa;}

/* margin, padding */
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

div.course_new .board-btnwrap2{margin:4.6em 0; text-align:center;}
div.course_new .agree_box{width:100%; font-size:12px; line-height:24px;}
div.course_new .agree_box2{height:95px;}
div.course_new div.agree_01{width:100%; height:auto; text-align:center; font-size:16px;margin:50px 0;}
div.course_new table.f14 th,
div.course_new table.f14 td{font-size:14px;}



/* 버튼 style */
div.btn_wrap{width:100%; height:auto; margin-top:30px; text-align:center;}
div.btn_wrap a{display:inline-block; width:auto; height:45px; line-height:45px; background:#9c1f24; color:#fff; font-size:14px; padding:0 25px; border-radius:5px;}
div.btn_wrap a.btn_cancel{background:#aaa;}

/* font style */
.blue01{color:#23449f;}
.red01{color:#d42b32;}
.gray01{color:#aaa;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.txt_center{text-align:center;}
.t_bold{font-weight:bold;}

/* margin, padding */
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.pl18{padding-left:18px !important;}

/* 게시판 */
div.course_new a[class*="btn_course"]{display:inline-block; padding:7px 15px; border-radius:3px;}
div.course_new div.course-search{border:1px solid #ccc;}
div.course_new div.board-search{border:1px solid #ccc;}
div.course_new div.board-search .search_btn{padding:5px 2em; border-radius:3px;}
div.course_new div.board-search .title > span{color:#263369;}
div.course_new div.board-category{font-size:16px;}
div.course_new div.board-category li{border:1px solid #ccc; border-left-width:0px; color:#555;}
div.course_new div.board-category li.on{background:#263369 url("/fro_end/img/ic_check_white.png") 10px 50% no-repeat;}
div.course_new div.board-category li > a:hover{background:#fcf7f8;}
div.course_new div.board-category li.on > a{background:transparent; color:#fff;}
div.course_new table.board-list thead th,
div.course_new table.board-list thead td,{font-size:16px;}
div.course_new table.board-list th,
div.course_new table.board-list td{font-size:16px;}
div.course_new table.board-list tbody tr:hover td,
div.course_new table.board-list tbody tr:hover th{background:#f9f9f9;}
div.course_new a[class^="btnty01"]{height:45px; line-height:45px; border-radius:5px; font-size:14px; padding:0 25px;}
div.course_new a[class^="btnty01-white"]{background-color:#ffffff; border:1px solid #ccc; color:#555;}
div.course_new a[class^="btnty01-blue"]{background-color:#4f7fa6;}
div.course_new a[class^="btnty01-red"]{background-color:#d64027;}
div.course_new a[class^="btnty01-green"]{background-color:#29966c;}
div.course_new a[class^="btnty01-brown"]{background-color:#976f40;}
div.course_new a[class^="btnty01-black"]{background-color:#4e5153;}
div.course_new a[class^="btnty01-turquoise"]{background-color:#0b8399;}
div.course_new a[class^="btnty01"][class*="write"]{background:#263369; color:#fff; text-indent:0; border:none;}
div.course_new a[class^="btnty01"][class*="reply"]{background:#c0a354; color:#fff; text-indent:0; border:none;}
div.course_new a[class^="btnty01"][class*="delete"]{background:#aaa; color:#fff; text-indent:0; border:none;}
div.course_new a[class^="btnty01"][class*="list"]{background:#0a326e; color:#fff; text-indent:0; border:none;}
div.course_new table.board-write{font-size:14px;}
div.course_new table.board-write th{text-align:center;}
div.course_new table.board-write .w80p{width:75%;}
div.course_new div.board-view > header{height:auto; padding:20px 10px; box-shadow:none;}
div.course_new div.board-view > header > .post_title{font-size:24px;}
div.course_new div.board-view > header > .post_info{font-size:14px;}
div.course_new div.board-view > div.post_contents{background:#f8f8f8; padding:30px; margin:30px 0;}
div.course_new div.post_sns{display:none;}
div.course_new div.board-comment h3.title{font-size:18px;}
div.course_new div.board-comment div.comment-edit div.cmd_write{margin-top:10px;}
div.course_new div.board-comment div.comment-edit div.cmd_write label{color:#555; font-size:14px; padding:0;}
div.course_new div.board-comment div.comment-edit div.cmd_input{width:100%; margin-top:10px;}
div.course_new div.board-comment div.comment-edit div.cmd_input div{display:inline-block; width:91%; vertical-align:top;}
div.course_new div.board-comment div.comment-edit div.cmd_input div textarea{width:100%; height:80px;}
div.course_new div.board-comment div.comment-edit div.cmd_input a.cmd_edit{display:inline-block; width:8%; height:80px; line-height:80px; text-align:center; background:#aaa; coloR:#fff; font-size:14px; border-radius:3px; vertical-align:top;}
div.course_new div.board-comment p.cmd_info{font-size:14px;}
div.course_new div.board-comment > .list .comment-control{background:none;}
div.course_new div.board-comment > ul{background:#f8f8f8; margin-bottom:20px;}
div.course_new div.board-comment > ul > li{float:none; border-top:1px solid #ccc; font-size:14px; padding:20px;}
div.course_new div.board-comment > ul > li h4.name{font-size:16px; font-family: "notokr-regular", "Noto Sans KR", sans-serif;}
div.course_new div.post_file{margin:4em auto;}
div.course_new div.post_file > ul > li{font-size:14px;}
div.course_new table .qna_line{border-bottom:1px solid #ccc;}
div.course_new table .qna_line:nth-of-type(1){border-top:1px solid #ccc;}
div.course_new table .qna_st{height:55px; font-size:16px;}
div.course_new table .qna_st > span{display:inline-block; width:55px; height:55px; line-height:55px; text-align:center; font-size:26px; color:#333; vertical-align:middle;}
div.course_new table .qna_st > a{display:inline-block; width:95%; height:auto; vertical-align:middle; color:#333;}
div.course_new table .qna_an{width:55px; height:55px; line-height:55px; text-align:center; vertical-align:top; color:#9c1f24; font-size:30px;}
div.course_new table .qna_con{line-height:28px; padding-top:10px; font-size:16px;}
div.course_new table a.qna_edit{display:inline-block; padding:5px 8px; color:#fff; background:#0a326f; text-align:center; margin-bottom:15px; border-radius:3px;}
div.course_new table a.qna_delete{display:inline-block; padding:5px 8px; color:#fff; background:#767475; text-align:center; margin:0 15px 15px 0; border-radius:3px;}
div.course_new .board-btnwrap2{margin:4.6em 0; text-align:center;}
div.course_new .agree_box{width:100%; font-size:12px; line-height:24px;}
div.course_new .agree_box2{height:95px;}
div.course_new div.agree_01{width:100%; height:auto; text-align:center; font-size:16px;margin:50px 0;}
div.course_new table.f14 th,
div.course_new table.f14 td{font-size:14px;}

div.cke_content{ margin:0 auto}